Radio Group

unreleasedstable

A roving-focus group for choosing one option from a small set.

API Reference
tsxUsage
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
 
export function Component() {
  return (
    <RadioGroup defaultValue="email">
      <RadioGroupItem value="email">Email</RadioGroupItem>
      <RadioGroupItem value="sms">SMS</RadioGroupItem>
      <RadioGroupItem value="none">None</RadioGroupItem>
    </RadioGroup>
  );
}

RadioGroup

Root owner for selected value, orientation, disabled state, and form wiring.

RadioGroupItem

Focusable radio option with visual control, label slot, and hidden native input.

Keystone UI is a new, modern UI component library for SolidJS.

Back to top