Textarea

You might say

People need to write a longer message here, so one line won't be enough.

Let the user enter several lines of textComments, descriptions, feedback, and prompts for AI often need a multiline textarea. Give it a useful starting height and, when needed, a character count or resize control. A normal Input is faster for short, single-line answers.

Know first

Input

0 / 500

You can say this to an AI Agent

Use a textarea for the failure description, limit it to 500 characters, and show the remaining count live. Test multiple paragraphs, the exact limit, and the over-limit feedback.

When to use it

Comments and feedback
This explanation is clear and easy to understand.
Publish
Long descriptions
This component’s interaction design is very thoughtful…
Messages and support requests
Make this copy more conversational while keeping the meaning…
AIGenerate
Prompts or notes with several lines
This component’s interaction design is very thoughtful…
48 / 500

When NOT to use it

Use it for a short value that fits on one line
title2026 Product Plan v3
Make a long field so small that writing becomes difficult
StatusIn progress
Limit the length without showing the limit
I want to bold this text and add an image…A plain textarea doesn’t support rich-text editing
Display read-only content inside an editable-looking box
A large block of read-only text in a gray field looks like an unfinished form

Anatomy

Feedback 0 / 200

Tell users what to write

Choose a useful starting height, and allow resizing only when it helps.

Turns red to remind when approaching the upper limit

Variants

Default

General multi-line input such as comments and feedback

With Count

21 / 500

When there is a character limit, show a live count

Readonly

Content that cannot be changed after submission

When the content is final and should be shown without editing.

Disabled

The entire text field is temporarily uneditable

Typical use cases

Feedback form

Ache 2 hours ago

Example of comment content

😊 Emoticon

Project description

Alex Chen

Edit personal information

Personal profile

26 / 100

Support message

Help me change this copy to be more colloquial, keep the original meaning, no more than 100 words

Okay, this is a more colloquial version...

📎 Attachments

AI prompt

Question typeFeature not workingImprovement suggestionOther

Problem description

📎 Attach screenshots

Recommended tool

Web fine-tuning tool · Selector Pro

Select page elements for precise AI edits

Click a button, text, or card, note the change, then copy its exact location to AI.

Open Selector Pro website

A support form asks people to describe a failure in several paragraphs with a 500-character limit. How should it work?

A. Use a single-line input that scrolls sideways as text growsB. Use a rich editor with images, font sizes, and layout controlsC. Use a textarea and show the remaining character count nearby