Text Area

A text area component. Used as a stand-alone component, changes should be handled via the onChange attribute.

Options

defaultValue | string: default value of the text area. Default: ''.
value | string: text value (for controlled component). Default: none.
disabled | boolean: controls whether the text area shall be disabled. Default: false.
legend | (string|node): legend text. Default: ''.
onBlur | function: callback function invoked when the text area loses focus. Default: onBlur() {}.
onChange | function: callback function invoked with the new text when the area text changes. Default: onChange() {}.
placeholder | string: placeholder text. Default: none.
resizable | string: controls whether the text area shall be resizable (can be either both, horizontal, vertical, or none). Default: 'none'.
rows | number: number of rows. Default: 5.
style | object: CSS inline styles. Default: {}.

Live Editor

<TextArea
    legend="Please enter a few sentences"
    placeholder="Enter text"
/>

<TextArea
    legend="Please enter a few sentences"
    placeholder="Enter text"
/>

Result

ReferenceError: Provider is not defined