Components
Loading preview...
A RadioGroup allows users to select a single option from a list of mutually exclusive options. Radio groups can be built in HTML with the <fieldset> and <input> elements, however these can be difficult to style. RadioGroup and Radio help achieve accessible radio groups that can be styled as needed.
@jolbol1
npx shadcn@latest add https://21st.dev/r/jolbol1/radio-groupimport { Label } from "@/components/ui/field"
import { Radio, RadioGroup } from "@/components/ui/radio-group"
export function RadioGroupDemo() {
return (
<RadioGroup>
<Label>Favorite pet</Label>
<Radio value="dogs">Dog</Radio>
<Radio value="cats">Cat</Radio>
<Radio value="dragon">Dragon</Radio>
</RadioGroup>
)
}