web-dev-qa-db-ja.com

material-uiのテキスト領域

Material-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 'テキスト領域'）。

テキスト領域はテキストフィールドよりも高く、オーバーフローテキストを新しい行に折り返します。カーソルがフィールドの下部に達すると、垂直にスクロールします。

前もって感謝します、

javascriptreactjsmaterial-ui
15
Johann Gomes

TextFieldをtextareaのように機能させるには、multiline propを使用できます。 TextFiedとそのpropshere の詳細を読むことができます。

例

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

マテリアルUIで利用可能なTextareaAutosizeAPIを使用する必要があります。

'@ material-ui/core/TextareaAutosize'からTextareaAutosizeをインポートします。 //または
import {TextareaAutosize} from '@ material-ui/core';

以下の例には、TextareaAutosizeのすべての属性があります。
https://material-ui.com/components/textarea-autosize/

これがあなたに役立つことを願っています!!

0
Rishav Kumar