Overview
The Checkbox component is a fundamental UI element that allows users to select one or more options from a set. It is commonly used in forms, settings, and anywhere user input is required. The component can be styled and customized to fit various design needs.
State
The Checkbox component can be in one of the following states:
- Default: The checkbox is unchecked and ready for user interaction.
- Indeterminate: The checkbox is neither checked nor unchecked, often used to indicate a mixed state in a group of checkboxes.
- Disabled: The checkbox is not interactive, often used to indicate that the option is not available for selection.
API Reference
Checkbox
A checkbox input component that supports indeterminate states and integrates with forms.
Props
| Name | Type | Default | Description |
|---|---|---|---|
indeterminate | boolean | false | Whether the checkbox is in an indeterminate state (neither checked nor unchecked) |
Inherited Props
The Checkbox component accepts all standard HTML input[type="checkbox"] element props.