Text field · Mono
A single-line text input with label, helper and error text, prefix and suffix, validation and a check when the value is good.
Design · Mono19 / 20
Black pill with a double white-and-black focus ring; errors turn the border dashed instead of coloured.
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