Balance Logo
Balance
Reckon Design System
Open playroom

Textarea

Textarea lets the user input multi-line plain-text.
Install
pnpm add @balance-web/textarea
Import usage
import {
Textarea
} from '@balance-web/textarea';
  • Code
  • API

Alternatives

  • TextInput — For single-line text input

Usage

The Textarea component is a styled textarea element and is exposed for cases where you need to implement a custom interface.

Edit in Playroom

Size

There are three options for the size of the Textarea input, "medium" is the default.

Weight

Default weight is "subtle". For use in data-dense interfaces you can apply a weight of "none" to hide the "chrome" of the input until the user interacts with it, on hover or focus.

Controlled

Notice that value is initialized with useState, so that the text area starts off with some text in it.

Copyright © 2024 Reckon. Designed and developed in partnership with Thinkmill.
Bitbucket logoJira software logoConfluence logo