role textbox
Text field draft v0.1.0
Lets people enter or edit a single line of text.
A text field collects one line of free text: a name, an email address, a search term, a quantity typed as text. It has a visible label above, an optional description and, when its value fails validation, an error message under it. Several lines of text are a Textarea; a choice among known values 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.
By size
| Size | default | hoverpointer | focus-visible | invalid | readonly | disabled |
|---|---|---|---|---|---|---|
small |
|
|
|
|
|
|
medium |
|
|
|
|
|
|
large |
|
|
|
|
|
|