Checkbox

Let users select or deselect individual options.

Accept terms and conditions

Installation

npx neobrutal add checkbox

import { Checkbox } from '@/components/ui/checkbox'
import { Label } from '@/components/ui/label'

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

Unchecked State

Checked State

Disabled State

This component is built on top of Base UI Checkbox. Refer to the Base UI documentation for the full list of available props.