Text field · Minimal
A single-line text input with label, helper and error text, prefix and suffix, validation and a check when the value is good.
Design · Minimal3 / 20
Hairline 8 px field with a small shadow and a 3 px tinted focus ring; label above in medium weight.
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