RadioGroup

The RadioGroup component allows users to select exactly one option from a set.

Usage

<RadioGroup 
  name="plan" 
  options={[
    { label: "Basic", value: "basic" },
    { label: "Pro", value: "pro" }
  ]} 
  defaultValue="basic"
/>

array

required

Array of options { label: string, value: string }.

string

required

Field name grouping the radios.

string

Initially selected value.

string

default:"vertical"

Layout direction: vertical or horizontal.

<RadioGroup 
  direction="horizontal" 
  options={[
    { label: "Yes", value: "yes" },
    { label: "No", value: "no" }
  ]} 
/>