Bonsai Design System

Checkbox

Boolean toggle checkbox built on Radix UI Checkbox

Preview

Usage

import { Checkbox } from "@/components/ui/checkbox"
import { Label } from "@/components/ui/label"

<div className="flex items-center space-x-2">
  <Checkbox id="terms" />
  <Label htmlFor="terms">Accept terms and conditions</Label>
</div>

Supports checked, onCheckedChange, and disabled props. The checked state can be true, false, or "indeterminate".

Install

npx shadcn add @bonsai/checkbox

On this page