role group
Checkbox group draft v0.1.0
Lets people pick any number of options from a short, visible set, under one legend.
A checkbox group shows every option at once, with a legend naming the choice, and lets people check any number of them, including none. It is the grouped form of the Checkbox: the group carries the legend, the shared help text and the error message, and each option its own label, description, value and checked state. Exactly one choice is a Radio group; a long list is a Select.
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.
Part option
One option: its checkbox, label and description on a grid. Takes the states of the control it holds.
By size
| Size | default | hoverpointer | focus-visiblekeyboard | checked | invalid | disabled |
|---|---|---|---|---|---|---|
small |
||||||
medium |