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

When to use it

Comments and feedback
Long descriptions
This component’s interaction design is very thoughtful…
Messages and support requests
Prompts or notes with several lines

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
Display read-only content inside an editable-looking box

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