Text field · Clay
A single-line text input with label, helper and error text, prefix and suffix, validation and a check when the value is good.
Design · Clay7 / 20
A pressed-in pill well with inset light and shadow; focus adds a soft accent ring; Fredoka label.
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