Radio Group

const radioOptions = [
    { label: "Option A", value: "a" },
    { label: "Option B", value: "b" },
    { label: "Option C", value: "c" },
  ];
  
  const [selected, setSelected] = useState("b");
  
  <RadioGroup
    legend="Choose an option"
    name="radio-group-example"
    theme="secondary"
    value={selected}
    options={radioOptions}
    onChange={setSelected}
  />

<RadioGroup
    legend="Choose an option"
    name="radio-group-horizontal-example"
    theme="primary"
    value={selected}
    options={radioOptions}
    orientation="horizontal"
    onChange={setSelected}
  />

<RadioGroup
    legend="Notification preference"
    name="radio-group-description-example"
    theme="tertiary"
    value={selected}
    options={radioOptions}
    helperText="Only one option can be selected at a time."
    onChange={setSelected}
  />