Developer Programs

Learn

Docs

Multiline Text Input / Textarea

Components > Editing Data > Multiline Text Input / Textarea
Use this component to...
Prompt the user to enter multiple lines of text

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 ComponentDesign Component Name
Multi-line text inputAdd 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 ComponentDesign Component Name
Multi-line text inputAdd 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