Forms

Checkbox

Checked fills with the accent, because a selection is what you are touching. Indeterminate draws a minus. The label beside it is part of the hit area.

Example

Include pending

Exclude transfers between your accounts

Include closed periods

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