Layouts

Textarea

Capture multi-line text input from users. Ideal for comments, descriptions, and feedback.

Description

With placeholder

Display a hint inside the textarea to guide users on what to enter.

Order notes

Fixed row height

Customize the height of the textarea by passing a rows prop.

Note

Auto-sizing textarea

Using CSS's new field-sizing property, the textarea will automatically adjust its height to fit the content by passing in the rows="auto" prop.

This feature is not available in all web browsers. Visit caniuse.com to see which browsers support this feature.

Configure resize

If you want to restrict the user from resizing the textarea, you can use the resize="none" prop.

Copyright © 2024 Wireable LLC · Terms of Service
Built with
by Caleb Porzio and Hugo Sainte-Marie