Text field · Swiss
A single-line text input with label, helper and error text, prefix and suffix, validation and a check when the value is good.
Design · Swiss9 / 20
Square 1 px ink box with a grid number beside the label; focus draws a 4 px accent bar along the bottom.
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