p-checkbox-group-1

PreviousNext

Basic checkbox group

Docs
cossblock

Preview

Loading preview…
registry/default/particles/p-checkbox-group-1.tsx
import { Checkbox } from "@/registry/default/ui/checkbox";
import { CheckboxGroup } from "@/registry/default/ui/checkbox-group";
import { Label } from "@/registry/default/ui/label";

export default function Particle() {
  return (
    <CheckboxGroup aria-label="Select frameworks" defaultValue={["next"]}>
      <Label>
        <Checkbox value="next" />
        Next.js
      </Label>
      <Label>
        <Checkbox value="vite" />
        Vite
      </Label>
      <Label>
        <Checkbox value="astro" />
        Astro
      </Label>
    </CheckboxGroup>
  );
}

Installation

npx shadcn@latest add @coss/p-checkbox-group-1

Usage

import { PCheckboxGroup1 } from "@/components/p-checkbox-group-1"
<PCheckboxGroup1 />