Checkbox

[component-header:sl-checkbox]

Checkboxes allow the user to toggle an option on or off.

<sl-checkbox>Checkbox</sl-checkbox><br>

?> This component doesn't work with standard forms. Use <sl-form> instead.

Examples

Use the checked attribute to activate the checkbox.

<sl-checkbox checked>Checked</sl-checkbox><br>

Use the indeterminate attribute to make the checkbox indeterminate.

<sl-checkbox indeterminate>Indeterminate</sl-checkbox><br>

Use the disabled attribute to disable the checkbox.

<sl-checkbox disabled>Disabled</sl-checkbox><br>

[component-metadata:sl-checkbox]