Textarea

v3.3.2Edit this page

A text area that the user can type into. This component is a stateless wrapper around <textarea>, providing visual styling.

Usage

Loading...

Loading examples...

Props

<Textarea>

Displays a multi-line text input box that the user can type into. This component is a stateless visual wrapper on top of the html <textarea> and takes many of the same props.

Name

Description

Type

Default

error

Show the input in an error visual state.

bool

fullWidth

When true, sets width to 100% on the input.

bool

disabled

Disable interaction and change.

bool

noResize

Disable the browser resize functionality

bool

className

Class on the <input> element.

string

inputRef

Gives access to the input dom node

func

Labels and Help Text

Use InputGroup to attach a label and help text to Textarea.

Character Limit

There is a wrapper component, LimitedTextarea (limited-textarea.jsx) that takes a maxLength prop and provides a counter telling the user how much more they can type.

Props

In addition to the props defined by this component, any props <textarea> takes, such as name, value, onChange, etc., are accepted.

Maintainers

This component is maintained by the FEI team.

See Also