Text Area
Beta

Install the component dependency:

Include a React component in your project:

Name
Value
Description
Default
disabled
boolean
standard input disabled flag
false
error
boolean
error state flag
false
innerRef
DOM element => ()
textarea field react ref callback
label
string
identifying string for input
placeholder
string
in-field usage hint
rows
number
expand the viewable rows (height)
4
subLabel
string
supporting text or error messaging

The normal React form-related props are also acceptable and expected.

Primary identification of a text area comes through the label. Usage hints are given in the placeholder. Supporting text and error messaging is set in the subLabel.

Disabled text inputs are unmodifiable and diminished visually.

Error states are engaged with the error flag. Error-related messaging is sent to the subLabel prop.

To increase the height of the text area, use the rows prop.