Checkbox

A control that allows the user to toggle between checked and unchecked states.

Example

Accept terms and conditions

Disabled checkbox

Code

Example

import { Checkbox } from "cephalopod-design-system"
import { Label } from "cephalopod-design-system"

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