Inputs

Users can enter and edit text in input fields. The different states are indicated by different border colors. The label text is located above the respective text field, the optional helper text (e.g. for error messages) appears below the corresponding text field.

Inactive input


Fix input


Standard input

Inactive


Fix


Standard

Input


Error message


Large field input

Input


Error Message


Large Field Input


Engineering progress

Enhancing lives

Maximum cart size of 3 items has been reached!

Your sample cart items:
Type
Decor
Collection