Back to Components

Foundation

Textarea

Multi-line text input. Mirrors Input's chrome and adds optional autoResize.

Examples

Default

<Textarea bind:value placeholder="Tell us about yourself…" />

Auto-resize

<Textarea autoResize bind:value placeholder="Auto-resizes as you type." />

Props

PropTypeDefaultDescription
valuestring''Bindable text. Use bind:value.
autoResizebooleanfalseGrow vertically as content overflows.
minRowsnumber3Minimum height in lines (auto-resize floor).
maxRowsnumber12Maximum height in lines before scrolling kicks in.
...restHTMLTextareaAttributesSpread onto the underlying <textarea>.

Install

CLI

npx @a3tai/mittsu add textarea