Theme Switcher

Checkbox

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

import { Checkbox } from "@ngrok/mantle";

<label htmlFor="terms" className="flex items-center gap-2">
	<Checkbox name="terms" id="terms" />
	Accept terms and conditions
</label>
<label htmlFor="unchecked" className="flex items-center gap-2">
	<Checkbox id="unchecked" name="unchecked" checked={false} />
	Unchecked
</label>
<label htmlFor="checked" className="flex items-center gap-2">
	<Checkbox id="checked" name="checked" checked />
	Checked
</label>
<label htmlFor="indeterminate" className="flex items-center gap-2">
	<Checkbox id="indeterminate" name="indeterminate" checked="indeterminate" />
	Indeterminate
</label>