Textarea Field

Use a text area field to allow users to enter multiple lines of text into the interface.
Users can adjust the size of input to keep their multi-line response visible in the interface.
Input fields have different styling on web and app.

 

Text area field illustration 1

1. Web

Text area field illustration 2

2. App


Usage

Text Area field usage illustration 1

Use a text area field when a longer, multiline response is expected from the user.

Text Area usage illustration 2

Don’t use a text area field to capture multiple pieces of data from the user in one input. Use multiple input fields instead.


Available platforms

Platform

Available

Figma

v1.0

Web (@ovotech/element)

v1.0

@ovotech/element-native)

v1.0