Back to components

Textarea

The Textarea component is for large text inputs.

Table of Contents

Edit this section, Opens in new window

Usage

Principles

Sizing

By default, the Textarea has a max width of 504px, but it can use the size of the container.

Full

Textareas can take 100% width of the container.

Full width Textarea
Edit this section, Opens in new window

Behaviours

Operational states

Static
When hovered
When typing (Focused with value)
Complete
Invalid with no value

For example a required field.

Invalid with value

For example wrong value.

Interactions

Focus

Focus

Modifiers

Disabled

Disabled

Full

Full width text area
Edit this section, Opens in new window

Anatomy

Textarea
  1. Textarea
Edit this section, Opens in new window
Contact us, Opens in new window