Holo Checkbox
The <holo-checkbox> component is a form-associated checkbox that supports checked, indeterminate, and disabled states.
Live Previews
Section titled “Live Previews”Unchecked / Checked
Section titled “Unchecked / Checked”<holo-checkbox label="Accept terms"></holo-checkbox> <holo-checkbox label="Accept terms" checked></holo-checkbox>Indeterminate
Section titled “Indeterminate”<holo-checkbox label="Select all" indeterminate></holo-checkbox>Disabled
Section titled “Disabled”<holo-checkbox label="Accept terms" disabled></holo-checkbox>API Reference
Section titled “API Reference”Properties
Section titled “Properties”| Property | Attribute | Description | Type | Default |
| --------------- | --------------- | ---------------------------------------------------------------------- | --------- | ----------- |
| label | label | The visible label text for the checkbox. | string | undefined |
| name | name | The form field name submitted with the owning form. | string | undefined |
| value | value | The form value submitted when the checkbox is checked. | string | "on" |
| checked | checked | Whether the checkbox is checked. | boolean | false |
| indeterminate | indeterminate | Puts the checkbox in an indeterminate visual state. | boolean | false |
| disabled | disabled | If true, the checkbox is disabled and non-interactive. | boolean | false |
| required | required | If true, the owning form cannot submit unless the checkbox is checked. | boolean | false |
Events
Section titled “Events”| Event | Description | Type |
| ------------ | --------------------------------------- | ---------------------- |
| holoChange | Emitted when the checked state changes. | CustomEvent<boolean> |