Checkbox

A pixel checkbox built on Radix Checkbox, with stepped corners, a small hard shadow, and a sink-on-press. The check uses a pixel-art glyph.

ship it

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

<div className="flex items-center gap-3">
  <Checkbox id="ship" defaultChecked />
  <Label htmlFor="ship">ship it</Label>
</div>

States

Props

Accepts all Radix Checkbox.Root props (checked, defaultChecked, onCheckedChange, disabled, …).