Multiline Text Input / Textarea

Components > Editing Data > Multiline Text Input / Textarea

Use this component to...

Prompt the user to enter multiple lines of text

See this component in action...

Test out this component in a hosted version of the sample app

Overview

Use the multiline text input component (a.k.a. textarea) to prompt the user to enter multiple lines of text.

Development

Web component development

Implementation

Use the native HTML textarea element to prompt the user to enter multiline text values.

Textarea example

<textarea id="Comments" formControlName="comments" class="rui-form-control" rows="4"
    autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></textarea>

Angular component development

Component

Use the native HTML textarea element to prompt the user to enter multiline text values.

Textarea example

<textarea id="Comments" formControlName="comments" class="rui-form-control" rows="4"
    autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></textarea>

Design

Figma design

Figma design info

You can find this component in the Components - Forms page in the Figma UI Kit.

Dev Component	Design Component Name
Multi-line text input	Add RUI / Forms / Text Input to the design and stretch its height as needed.

Adobe XD design

Adobe XD design info

You can find this component in these artboards in the Adobe XD design samples:

Sample App - Editing Form Data

Dev Component	Design Component Name
Multi-line text input	Add JHA / Forms / Text Input to the design and stretch its height as needed.

Support options

Have questions on this topic?

Join the Responsive UI team in Microsoft Teams to connect with the community.

See something in this page that needs to change?

Send us feedback on this page.

Last updated Tue Apr 18 2023