role switch
Switch draft v0.1.0
Turns a setting on or off, with immediate effect.
A switch is a binary control for a setting that applies as soon as it is flipped: notifications on or off, dark mode, airplane mode. It has two values only, on and off, shown by the position of its thumb and the fill of its track. A choice that is saved later with a form, or that may be partially on, is a Checkbox.
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 | disabled |
|---|---|---|---|---|---|
small |
|
|
|
|
|
medium |
|
|
|
|
|