All components

Checkbox

Boolean toggle with an optional indeterminate state.

Full API on ui.shadcn.com

Default

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