Checkbox
The Checkbox component is a form control that allows users to toggle between checked, unchecked, and indeterminate states. It provides a clear and accessible way to capture binary or multi-select choices in forms.
tsx
Default
Basic checkbox with a label. Click label or indicator to toggle.
Sizes
Two sizes: sm (default) and md. Adjusts indicator, label, and icon.
With Description
Displays supporting text below the label.
Indeterminate
Parent checkbox shows a minus icon when some children are checked.
Disabled
Prevents interaction. Works with all states.
Indicator Only
Renders only the indicator. Provide aria-label for accessibility.