Skip to main content

Radio

Radio is a form control for choosing a single option from a set, like a delivery method or billing interval. Each option has a label and optional helper text, and people click or tap an option to select it.

Import

import { Radio } from '@vortexlabs/vortex';
import type { RadioProps } from '@vortexlabs/vortex';

Other links

Radio.Group

Radio.Group props
PropTypeDefaultAttributes
name
string
No default value
children
React.ReactNode
No default value
value
union
No default value
defaultValue
string
No default value
onChange
callback
No default value
ariaLabel
string
No default value
disabled
boolean
No default value
error
boolean
No default value
id
string
No default value
className
union
No default value
attributes
object
No default value

Radio.Item

Radio.Item props
PropTypeDefaultAttributes
value
string
No default value
children
React.ReactNode
No default value
helperText
React.ReactNode
No default value
ariaLabel
string
No default value
disabled
boolean
No default value
error
boolean
No default value
size
union
md
stretched
boolean
No default value
onChange
callback
No default value
onFocus
callback
No default value
onBlur
callback
No default value
className
union
No default value
attributes
object
No default value
inputAttributes
object
No default value
ref
ref
No default value

Radio.GroupLabel

Radio.GroupLabel props
PropTypeDefaultAttributes
children
React.ReactNode
No default value
className
union
No default value
attributes
object
No default value

Radio.GroupDescription

Radio.GroupDescription props
PropTypeDefaultAttributes
children
React.ReactNode
No default value
className
union
No default value
attributes
object
No default value