Foundation

Main View


Components

Charts

Dialogs

Framer Animations

Forms

Grids

Typography


Tools


UiTextArea


Package: @uireact/form

Component used to render text area fields

1. Make sure you install peer dependencies first:

Expand peer dependencies

2. Install package:

npm i -S @uireact/form

  <UiTextArea
    placeholder="First Name"
    onChange={(value) => {
      console.log(value);
    }}
  />

UiTextArea with label

  <UiTextArea label="Fist Name" labelOnTop cols={50} rows={3} />

UiTextArea disabled

  <UiTextArea label="Fist Name" disabled />

UiTextArea with state

  <UiTextArea label="Fist Name" category="positive" />

UiTextArea with error state and error message

  <UiTextArea label="Fist Name" error="Some error" category="error" labelOnTop />