role spinbutton
Number field draft v0.1.0
Lets people enter a number, by typing it or stepping it up and down.
A number field collects a numeric value within optional bounds and steps: a quantity, a percentage, a year. It is a Text field for numbers, with the platform's own stepping control (arrow keys, a spin control) and validation of the bounds. A value whose exact figure matters less than its position in a range is a Slider; a phone number or a postal code is text, not a number: use a Text field.
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-visible | invalid | readonly | disabled |
|---|---|---|---|---|---|---|
small |
|
|
|
|
|
|
medium |
|
|
|
|
|
|
large |
|
|
|
|
|
|