role checkbox
Checkbox draft v0.1.0
Lets people turn one option on or off, or pick any number of options from a list.
A checkbox is a binary choice with a visible label: checked or unchecked, and a third, partially checked look when it stands for a group whose members disagree. Several checkboxes side by side let people pick any number of options; one checkbox alone confirms a statement (accepting terms, remembering a session). A setting that takes effect immediately is a Switch; a choice of exactly one option is a Radio group.
States matrix
Every option of each styling property against every declared state, per part when states belong to parts. Properties whose options combine in one component token path are crossed: one table per combination of the others. States are forced with data-state, so what you see is exactly what the CSS defines, independent of the pointer. A column header names the inputs or platforms a state belongs to; states without a web rendering are listed under the table.
By size
| Size | default | hoverpointer | focus-visiblekeyboard | checked | indeterminate | invalid | disabled |
|---|---|---|---|---|---|---|---|
small |
|
|
|
|
|
|
|
medium |
|
|
|
|
|
|
|