Textarea

Textareas collect data from the user and allow multiple lines of text.

<label>Textarea <textarea></textarea></label>

Placeholders Jump to heading #

Use the placeholder attribute to add a placeholder.

<textarea placeholder="Type something"></textarea>

Appearance Jump to heading #

Use the appearence utilities to change the textarea's visual appearance.

<textarea placeholder="Type something" class="wa-filled"></textarea>

Expand with Content Jump to heading #

You can use field-sizing: content in browsers that support it to make the textarea grow as the user types:

<textarea placeholder="Type something" style="field-sizing: content"></textarea>