Текстовая область в материале-ui

Может ли кто-нибудь помочь мне сделать персонализацию TextField в TextArea, используя библиотеку материалов? Я не нахожу какой-либо параметр, который должен персонализировать его в TextArea: https://github.com/callemall/material-ui/blob/v1-beta/src/TextField/TextField.d.ts

Это TextArea: https://material.io/guidelines/components/text-fields.html#text-fields-field-types (CMD/Ctrl + F 'Текстовая область').

Текстовые области выше текстовых полей и переносят текст переполнения на новую строку. Они перемещаются по вертикали, когда курсор достигает нижней части поля.

Заранее спасибо,

Ответы

Ответ 1

Чтобы заставить TextField работать как textarea, вы можете использовать опору multiline. Вы можете прочитать больше о TextFied и его props здесь.

Пример

<TextField
  placeholder="MultiLine with rows: 2 and rowsMax: 4"
  multiline={true}
  rows={2}
  rowsMax={4}
/>

Ответ 2

Вы должны использовать API TextareaAutosize, доступный в пользовательском интерфейсе материала.

импортировать TextareaAutosize из '@material-ui/core/TextareaAutosize'; // или
import {TextareaAutosize} из '@material-ui/core';

В приведенном ниже примере есть все атрибуты TextareaAutosize.
https://material-ui.com/components/textarea-autosize/

Надеюсь, что это работает для вас!!