Input [Text Area]
The multi-line text entry component of Create UI. Text Area is built for comments, descriptions, and messages, sharing the same label, helper, and state system as the rest of the input family, ready in Figma and React.
![Input [Text Area]](/_next/image?url=%2Fwebsite%2Fcomponents-textarea.png&w=3840&q=75)
Overview
Input Text Area is the multi-line text entry component of Create UI. It's built for comments, descriptions, messages, and any freeform content that outgrows a single line. It shares the same label, helper, sizing, and state system as Input Text, so it drops into any form and fits without adjustment.
Figma Preview
When should you use them?
Use a text area whenever a user needs to enter more than a single line, such as a comment, a message, a bio, or a description. Choose it over a text input when the content is longer or freeform and the user benefits from seeing multiple lines at once.
How should you use them?
- Use a text area for freeform, multi-line content; use a text input for short single-line values.
- Pair it with a visible label and helper text to set expectations on length or format.
- Show a character count in the helper when there's a length limit.
- Allow vertical resize so users can expand the field for longer content.
- Use the Error state with a clear message when validation fails.
- Keep it keyboard-accessible with a proper label for screen readers.
Stop deciding.
Start shipping.
The system is ready. Free to start, or get full access
at 70% off before the price goes up at launch.
Start Free Now.
Upgrade Through Pre-sale.


