Checkbox

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

Accept terms and conditions

Checked by default

Disabled checkbox

Installation


npx shadcn@latest add @uipath/checkbox


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


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