Radio Group

A real <fieldset> and <legend> grouping real <input type="radio"> elements that share one name. Arrow-key roving between options and "exactly one selected" are native radio button behaviour.

Plan

FreeProTeam

Usage

import { RadioGroup, RadioGroupItem } from "@kernelui/react";

<RadioGroup label="Delivery method" defaultValue="standard">
  <RadioGroupItem value="standard">Standard</RadioGroupItem>
  <RadioGroupItem value="express">Express</RadioGroupItem>
</RadioGroup>

Props

Component	Prop	Type
`RadioGroup`	`label`	ReactNode (required)
`RadioGroup`	`value` / `defaultValue`	string
`RadioGroup`	`onValueChange`	(value: string) => void
`RadioGroupItem`	`value`	string (required)