Checkbox
Allows users to make a binary choice, such as selecting or not selecting an option. It is commonly used in forms, settings, and filters to capture user input and preferences.
Size
Defines the dimensions of the checkbox.
State
Indicates the current status of the checkbox.
Property
Checked
A boolean property that determines whether the checkbox is selected (true) or not selected (false). When checked is true, the checkbox displays a checkmark.
- Trigger area: Add 5px of extra padding around the checkbox for easier clicking.
Indeterminate
Represents a mixed or partial selection state, often used in hierarchical selections or when a checkbox’s state reflects a combination of selected and unselected items. It is usually indicated by a dash.
Label size
Defines the size of the checkbox and its text label to fit various form sizes.
Hint text
Hint text under the checkbox label provides additional information or guidance to the user about the checkbox option.