Text field · Pastel
A single-line text input with label, helper and error text, prefix and suffix, validation and a check when the value is good.
Design · Pastel13 / 20
Candy pill with a 2 px tinted border and a soft pink shadow; focus puffs out a pastel ring.
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