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 />