Checkbox
Checkbox with electric fill and smooth check animation.
Installation
1
Run the CLI
$npx particleui-cli add checkbox
Usage
TSX
import { Checkbox } from "@/components/ui/checkbox"
import { Label } from "@/components/ui/label"
export default function Example() {
return (
<div className="flex items-center gap-2">
<Checkbox id="terms" />
<Label htmlFor="terms">Accept terms</Label>
</div>
)
}Details
Source filecomponents/ui/checkbox.tsx
Typeui
Categoriesforms, core
npm dependencies@radix-ui/react-checkbox, lucide-react
Registry deps
Claude skill—