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
Project type icon Recommended
Post a project
Receive free quotes, best for when you have a specific idea, the project is not visual in nature or the project is complex.
Contest type icon
Start a contest
Crowdsource ideas. Post a prize and get competing entries which you can iterate on with feedback. Great for visual designs.
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.