Input
Single-line text entry, 44px tall, with clear borders and focus.
Show the markup
<div class="cc-field">
<label class="cc-label" for="ex-input">Parcel number</label>
<input class="cc-input" id="ex-input">
</div>
Accessibility
- 1px borders (
--cc-border) use--cc-control-border, with at least 3:1 contrast against paper and card surfaces (1.4.11). - Use the right
type/inputmodeso mobile keyboards match the data. - See Textfield for the composed pattern.