Text Area

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


    legend="Please enter a few sentences"
    placeholder="Enter text"

Open interactive preview


  • 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: 'Enter text'.
  • resizable | boolean: controls whether the text area shall be resizable. Default: false.
  • rows | number: number of rows. Default: 5.
  • style | object: CSS inline styles. Default: {}.

results matching ""

    No results matching ""