p-radio-group-2

PreviousNext

Disabled radio group

Docs
cossblock

Preview

Loading preview…
registry/default/particles/p-radio-group-2.tsx
import { Label } from "@/registry/default/ui/label";
import { Radio, RadioGroup } from "@/registry/default/ui/radio-group";

export default function Particle() {
  return (
    <RadioGroup defaultValue="next">
      <Label>
        <Radio value="next" /> Next.js
      </Label>
      <Label>
        <Radio disabled value="vite" /> Vite (disabled)
      </Label>
      <Label>
        <Radio value="astro" /> Astro
      </Label>
    </RadioGroup>
  );
}

Installation

npx shadcn@latest add @coss/p-radio-group-2

Usage

import { PRadioGroup2 } from "@/components/p-radio-group-2"
<PRadioGroup2 />