Components
Radio Group [react-aria-components]
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.
import { 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>
)
}
Dependencies
Source
Published
Similar components
Explore more
Part of Jolly UI — browse the full library on 21st.dev.