Text input

description of the different text input types, including usage and validation states.

Text field

A textfield is the most basic pattern for introducing text for a conversation between human and machine.

States

Default

Active

Disabled

Read only

Validations

Success

Warning

Error

Text area

A text area is similar to a text field input but for several lines of text. Text areas allow users to introduce long description of products as an example.

Usage

• Text area can be resized allowing the user to see more or less text as he please.
• Text area states and validation states are the same as for the text field.