TextArea

<div
  style={{
    display: 'grid',
    gridColumnGap: '1em',
    gridTemplateColumns: '1fr 1fr',
  }}
>
  <TextArea placeholder="Подсказка" />
  <TextArea placeholder="Подсказка" value="Hello world" />
</div>

<div
  style={{
    display: 'grid',
    gridColumnGap: '1em',
    gridTemplateColumns: '1fr 1fr',
  }}
>
  <TextArea placeholder="Подсказка" disabled />
  <TextArea placeholder="Подсказка" disabled value="Hello world" />
</div>

<div
  style={{
    display: 'grid',
    gridColumnGap: '1em',
    gridTemplateColumns: '1fr 1fr',
  }}
>
  <TextArea placeholder="Подсказка" error="Ошибка!" />
  <TextArea placeholder="Подсказка" error="Ошибка!" value="Hello world" />
</div>

<div
  style={{
    display: 'grid',
    gridColumnGap: '1em',
    gridTemplateColumns: '1fr 1fr',
  }}
>
  <TextArea
    placeholder="Подсказка"
    loading
    loadingPlaceholderText="Загрузка..."
  />
  <TextArea
    placeholder="Подсказка"
    loading
    loadingPlaceholderText="Загрузка..."
    value="Hello world"
  />
</div>