Text field · Playful
A single-line text input with label, helper and error text, prefix and suffix, validation and a check when the value is good.
Design · Playful15 / 20
Chunky 2 px ink outline with a drop shadow that presses down on focus and tints the fill.
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