Components/Radio Group

Radio Group

Newform

Accessible radio option group with descriptions, disabled options, and controlled or uncontrolled state.

import { RadioGroup } from '@/components/forge'

Preview

Radio Group

Code Example

Props

PropTypeDefaultRequiredDescription
namestring-YesShared radio input name
optionsRadioOption[]-YesRadio options rendered in order
valuestring-NoControlled selected value
defaultValuestring-NoInitial selected value
onValueChange(value: string) => void-NoCallback when selection changes

Variants

defaultdisabled

Accessibility

  • Uses native radio inputs
  • Group exposes role="radiogroup"
  • Labels are linked to each option

Related Components