Field
Text entry in a recess, the label printed above it, and a hint that says how to fix an error.
Kit parts
Combo
One field with its one action in a shared well: subscribe, search, add.
Seats open in 11 days. Want one email that morning?
Anatomy
A flex row with the kit’s recess on the wrapper. The input inside drops its own shadow and background, so the cut reads as one; the key keeps its skirt and sits on the well’s floor.
Variants
- Search with a plain key
- Add with the contrast key
States
- Rest
- Focus
- Error
Props and options
| Name | Kind | Description |
|---|---|---|
| data-error | attribute | Red hairline on the whole well. |
| Enter | keyboard | Put it in a and Enter submits, as native. |
Usage notes
Focus the field: the whole well takes the ring, not just the input.
Accessibility
- The input still needs its own name.
