Checkbox Indicator
Props
| Property | Type | Default | Description |
|---|---|---|---|
state | 'unchecked' | 'checked' | 'indeterminate' | — | Required. The visual state. |
size | 'sm' | 'md' | 'md' | Indicator size. |
isDisabled | boolean | false | Shows disabled styling. |
Slots
- The default slot replaces the checkmark and dash.
- Slot content is decorative.
- Do not put focusable controls in the slot.
Accessibility
- The root always has
aria-hidden="true". - The component has no interactive role.
- It ignores
role,tabindexandcontenteditableattributes. - It provides no click or keyboard behavior.
- The exposed
elementisHTMLSpanElement | null.
Theme
The indicator shares color variables with CheckboxInput.
.astryx-checkbox-indicator: outer box..astryx-checkbox-indicator-check: checkmark..astryx-checkbox-indicator-dash: indeterminate mark.data-state: current visual state.data-size: current size.data-disabled: disabled state.