Design System

Checkbox

Controle de seleção binária (marcado/desmarcado). Construído sobre Radix UI Checkbox.

import { Checkbox } from "@workspace/ui/components/checkbox";

<div className="flex items-center space-x-2">
  <Checkbox id="terms" />
  <label htmlFor="terms">Aceitar termos</label>
</div>

Default

Checkbox com e sem label.

Lista de seleção

Múltiplas opções com checkbox.

Tipo de entrega

API Reference

PropTypeDefaultDescrição
checkedboolean | 'indeterminate'Estado do checkbox
defaultCheckedbooleanEstado inicial (não controlado)
onCheckedChange(checked: boolean) => voidCallback quando o valor muda
disabledbooleanfalseDesabilita o checkbox