Skip to main content
ParticleUI

Radio Group

Radio group built on Radix UI with electric accent indicator.

Perfect for side projects

For growing teams

Custom pricing

Installation

1

Run the CLI

$npx particleui-cli add radio-group

Usage

TSX
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
import { Label } from "@/components/ui/label"

export default function Example() {
  return (
    <RadioGroup defaultValue="react">
      <div className="flex items-center gap-2">
        <RadioGroupItem value="react" id="react" />
        <Label htmlFor="react">React</Label>
      </div>
      <div className="flex items-center gap-2">
        <RadioGroupItem value="vue" id="vue" />
        <Label htmlFor="vue">Vue</Label>
      </div>
    </RadioGroup>
  )
}

Details

Source filecomponents/ui/radio-group.tsx
Typeui
Categoriesforms, core
npm dependencies@radix-ui/react-radio-group
Registry deps
Claude skill