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.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Radio Group [react-aria-components] to your project and fits it to your theme.

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>
  )
}