Input
Single-line field with label, error, and a monospace mode for codes/grids.
Example
Section titled “Example”Out of band
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | |
error | string | — | |
mono | boolean | false |
Plus all native <input> attributes.
States
Section titled “States”- default
- focus
- invalid
- disabled
Do / Don’t
Section titled “Do / Don’t”Do
Set
Set
mono for coordinates, frequencies, and codes.Don’t
Don’t convey the error with red border alone — the
Don’t convey the error with red border alone — the
error text + icon carry meaning.Modes & RTL
Section titled “Modes & RTL”Colors come only from Semantic tokens, so this component re-themes automatically across Day / Night-NVG / Mono with no variant swap. It uses CSS logical properties, so it mirrors correctly in RTL.