Radio
An easily stylable radio button component.
Installation
pnpm dlx shadcn@latest add @lumi-ui/radio
Basic Usage
import { RadioGroup, Radio } from "@/components/ui/radio"<RadioGroup>
<Radio />
<Radio />
</RadioGroup>Anatomy
<RadioGroup>
<Radio />
</RadioGroup>Note
Radio is always placed within RadioGroup.
Usage with Fieldset and Field
Warning
Form controls must have an accessible name. Prefer using <Fieldset> and <Field> to provide a visible text label and description, or use the aria-label attribute as an alternative.
Customization
Integration with Form
See Form Integration for more information.