Text field · Cyber
A single-line text input with label, helper and error text, prefix and suffix, validation and a check when the value is good.
Design · Cyber17 / 20
Clipped-corner dark field with HUD corner brackets; focus lights an inset neon 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