Checkbox

A checkbox for toggling boolean values. It can be used standalone or grouped with a master "select all" control. The CheckboxView component is also exposed for cases where you need full control over state management.


Basic Usage

A standalone checkbox with a bound value.

Current value: false


Variants

By default the checked state uses a neutral secondary fill. Add primary or accent to apply a colored variant.


Sizes

Three sizes are available: normal (default), compact, and small. These are mutually exclusive.


Disabled State

Pass disabled to prevent interaction. Works in both checked and unchecked states.


Checkbox Group with Wrapper

Wrap checkboxes in CheckboxGroupManager to share a group context. A master checkbox will show an indeterminate state when only some items are checked, and toggle all on click.



Programmatic Group Management

Call createCheckboxGroupManager() in a script block instead of using the wrapper component. Useful when grouped checkboxes are scattered across different parts of the layout.



Checked alias and controlled view

Initialize checked to a boolean before binding and do not also supply value. CheckboxView has no binding: pass status and update it in onclick. The some state represents a mixed selection.

Last onchange: No change yet

Status: some