Frontend

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.

0 / 500

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