Skip to content

<mndw-checkbox> ​

Emits mndwchange and participates in forms with name, value, required, and invalid.

Examples ​

Unchecked and checked ​

html
<mndw-checkbox name="updates">Receive updates</mndw-checkbox>
<mndw-checkbox name="wifi" checked>Wi-Fi enabled</mndw-checkbox>

Disabled ​

html
<mndw-checkbox checked disabled>Managed by policy</mndw-checkbox>

Invalid ​

html
<mndw-checkbox required invalid>Accept the terms</mndw-checkbox>

Reference ​

checked, indeterminate, disabled, required, invalid, name, and value configure the control. The checkbox is form-associated through ElementInternals; unchecked controls are omitted from FormData, while checked controls submit value (default on). Form reset restores authored defaults, and a disabled <fieldset> disables the checkbox. required participates in native form validation.

The host carries the checkbox role and focus target, so an external <label for> works. Slotted content provides its accessible name. mndwchange fires on user changes with detail: {checked: boolean, indeterminate: boolean}. Parts are box, mark, and label.

Built from the mndw repository documentation.