Checkbox

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

Code

import { Checkbox } from '@/components/ui/Checkbox';
<Checkbox id='terms' />
<label
  htmlFor='terms'
  className='text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70'>
  Accept terms and conditions
</label>