Skip to content
Spiral
/
/
Give feedback
Radio
Radio let users select one option from a set of mutually exclusive choices.
Default
Show code
With Label
Morning
Afternoon
Evening
Show code
With advanced labels
Position
Left
Label
(Sublabel)
Badge
Label
(Sublabel)
Badge
Insert the checkbox description here.
Link Button
Show code
With card
Label
(Sublabel)
Badge
Insert the checkbox description here.
Label
(Sublabel)
Badge
Insert the checkbox description here.
Label
(Sublabel)
Badge
Insert the checkbox description here.
Label
(Sublabel)
Badge
Insert the checkbox description here.
Spotify
Label
(Sublabel)
Badge
Insert the checkbox description here.
Show code
Disable
Show code
API References
Radio
Prop
Type
Default
checked
boolean
false
disabled
boolean
false
className
string
" "
Radio Label
Prop
Type
Default
label
ReactNode
—
sublabel / badge / description
ReactNode
—
linkButton
ReactNode
—
position
"left"
"right"
"left"
checked / onChange / disabled / name / value
—
—
className
string
" "
Radio Card
Prop
Type
Default
label / sublabel / badge / description
ReactNode
—
leading
ReactNode
—
checked
boolean
false
onChange / disabled / name / value
—
—
className
string
" "
