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

default empty state

Active

default active state

Disabled

default disabled state

Read only

default disabled state

Validations

Success

default success state

Warning

default warning state

Error

default error state

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.

text area

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.
Menu