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.