Text field · High Contrast
A single-line text input with label, helper and error text, prefix and suffix, validation and a check when the value is good.
Design · High Contrast20 / 20
52 px field with a 3 px black border, 17 px bold label, a 4 px focus ring and errors that start with the word Error.
Motion
A halo grows around the field on focus and an error shakes the field once.
Accent
A single-line text input with label, helper and error text, prefix and suffix, validation and a check when the value is good.
inputformtextvalidationlabelemail