Text field · Material
A single-line text input with label, helper and error text, prefix and suffix, validation and a check when the value is good.
Design · Material1 / 20
Outlined M3 field: 56 px, 4 px corners, the label floats up and notches into the border, supporting text below.
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