Radio card

Radio input with built-in layouting subcomponents

Radio inputs are generally used in radio groups—collections of radio buttons describing a set of related options. Only one radio button in a given group can be selected at the same time. Check out the forms info page in the sidebar for more info regarding FormControls.

Normal

Start a project.

Start a contest.

Disabled

Start a project.

Start a contest.

Disable Shadow

Start a project.

Start a contest.

Disable Min Height

Start a project.

Start a contest.

Inputs
control : FormControl<T>
isSelected : boolean
pictureAlt : string
value : T extends T ? T : T
backgroundColor ?: BackgroundColor
border ?: CardBorder = 'none'
disableMinHeight ?: boolean = false
disableShadow ?: boolean = false
disabled ?: boolean = false
hoverColor ?: HoverColor = HoverColor.MID
imageAlignment ?: ImageAlignment = ImageAlignment.CENTER
level ?: CardLevel = 'primary'
padding ?: RadioCardPadding = RadioCardPadding.MID
pictureSrc ?: string
selectedColor ?: RadioCardSelectedColor = RadioCardSelectedColor.SECONDARY
showRadio ?: boolean = false