Radio

Examples
Standard Radio Button
Theme: seekAnz
Theme: seekBusiness
Theme: jobsDbRebrand
Theme: jobsDb
Theme: jobStreet
Theme: jobStreetClassic
Theme: wireframe
Code:
<Radio checked={false} id="id" label="Label" />
Checked Radio Button
Theme: seekAnz
Theme: seekBusiness
Theme: jobsDbRebrand
Theme: jobsDb
Theme: jobStreet
Theme: jobStreetClassic
Theme: wireframe
Code:
<Radio checked={true} id="id" label="Label" />
Disabled Radio Button
Theme: seekAnz
Theme: seekBusiness
Theme: jobsDbRebrand
Theme: jobsDb
Theme: jobStreet
Theme: jobStreetClassic
Theme: wireframe
Code:
<Radio checked={false} disabled={true} id="id" label="Label" />
Critical Radio Button
Theme: seekAnz
Theme: seekBusiness
Theme: jobsDbRebrand
Theme: jobsDb
Theme: jobStreet
Theme: jobStreetClassic
Theme: wireframe
Code:
<Radio checked={false} id="id" label="Label" tone="critical" />
Nested Radio Button
Theme: seekAnz
This text is visible when the radio button is checked.
Theme: seekBusiness
This text is visible when the radio button is checked.
Theme: jobsDbRebrand
This text is visible when the radio button is checked.
Theme: jobsDb
This text is visible when the radio button is checked.
Theme: jobStreet
This text is visible when the radio button is checked.
Theme: jobStreetClassic
This text is visible when the radio button is checked.
Theme: wireframe
This text is visible when the radio button is checked.
Code:
<Radio checked={true} id="id" label="Label">
  <Text>This text is visible when the radio button is checked.</Text>
</Radio>

Required props

id
string
label
ReactNode
checked
boolean
onChange
(event: FormEvent<HTMLFormElement>) => void

Optional props

value
string | number | string[]
name
string
children
ReactNode
tone
"critical" | "neutral"
disabled
boolean
data
Record<string, string | number>
ref
(instance: HTMLInputElement | null) => void | RefObject<HTMLInputElement>

Further References