Textarea

A multi-line text input that matches the visual style of Input. Features autogrow, character counter, dirty tracking, smart Tab indentation, and a programmatic API for text manipulation via bind:this.


Basic & Autogrow

Bind value. The field grows automatically as content fills it. Use maxRows to cap the growth and showCounter + maxLength to add a character counter.

Tell us what's on your mind.

0/200

Code Editor (monospace + Tab)

Enable monospace and handleTab for a lightweight code editor feel. Tab indents, Shift+Tab outdents — both work on single lines and multi-line selections. Bind dirty to track unsaved changes.

No changes


External Toolbar & bind:this API

Compose a separate ButtonBar above the field. Textarea has no toolbar prop in 0.0.34. Access wrapSelection(), insertAtCursor(), and selectAll() via bind:this.

Markdown
16

Sizes & States

Three sizes: normal, compact, small. Plus invalid and disabled states.