Checkbox

A boolean toggle control built on Radix Checkbox with the brutalist dashed-border square style.

Import

import { Checkbox } from "poyraz-ui/atoms";

Default

Basic checkbox with a label.

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

Checked by Default

<Checkbox id="newsletter" defaultChecked />

Disabled

<Checkbox disabled />
<Checkbox disabled defaultChecked />
pnpm dlx shadcn@latest add @poyraz/checkbox

Runtime dependencies

@radix-ui/react-checkbox@^1.3.3

Registry dependencies

@poyraz/poyraz-utils, @poyraz/poyraz-theme

Installed files

@ui/atoms/checkbox.tsx