RadioGroup

The radio group component is the preferred way to display multiple radio fields.

View source code
  • children
    ReactElement<Readonly<{ className?: string; name?: string; isDisabled?: boolean; id?: string; isChecked?: boolean; value: string; label: ReactNode; onChange?: ChangeEventHandler<HTMLInputElement>; }>, string | JSXElementConstructor<...>> | ReactElement<...>[]

    The RadioInput(s) contained within the RadioGroup.

  • name
    string

    The name of the RadioGroup

  • onChange
    ChangeEventHandler<HTMLInputElement>

    Handler that is called when the value changes.

  • value
    string

    The current value

  • className
    string

    className for the element

  • direction
    "column" | "row"

    The axis the RadioInput(s) should align with.

    Default: row