Introduction Foundations Components Patterns Directives Pipes Motion Brand

Patterns

Ai button Ai modal Ai textarea Auto complete Auto link Bid pattern card Chat button Comment ui Experience Interactive text Linkshim Newsfeed system messages Project contest card Radio card Review card Service offering carousel Showcase card Skills Upgrade item User feedback User info User rehire card User search card

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.
Contents
Default Borders Custom content Show radio
We can pass customized content to the radio card when we just want to borrow the shell of the card. PictureSrc and PictureAlt will be ignored in this mode.
Card 1
Card 2
Card 3
Inputs
control : FormControl<T>
isSelected : boolean
pictureAlt : string
value : T extends T ? T : T
backgroundColor ?: BackgroundColor
border ?: any = CardBorder.NONE
hoverColor ?: HoverColor = HoverColor.MID
level ?: any = CardLevel.PRIMARY
padding ?: RadioCardPadding = RadioCardPadding.MID
pictureSrc ?: string
selectedColor ?: RadioCardSelectedColor = RadioCardSelectedColor.SECONDARY
showRadio ?: boolean = false
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.