web-dev-qa-db-fra.com

Zone de texte dans material-ui

Quelqu'un pourrait-il m'aider à faire une personnalisation de TextField dans un TextArea, en utilisant la bibliothèque material-ui? Je ne trouve aucun paramètre qui devrait le personnaliser dans un TextArea: https://github.com/callemall/material-ui/blob/v1-beta/src/TextField/TextField.d.ts

C'est le TextArea: https://material.io/guidelines/components/text-fields.html#text-fields-field-types (CMD/Ctrl + F 'Zone de texte').

Les zones de texte sont plus hautes que les champs de texte et enveloppent le texte de débordement sur une nouvelle ligne. Ils défilent verticalement lorsque le curseur atteint le bas du champ.

Merci d'avance,

javascriptreactjsmaterial-ui
15
Johann Gomes

Pour que TextField fonctionne comme un textarea, vous pouvez utiliser multiline prop. Vous pouvez en savoir plus sur TextFied et son propsici .

Exemple 

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

Vous devez utiliser TextareaAutosize API disponible dans l'interface utilisateur matérielle.

importer TextareaAutosize depuis '@ material-ui/core/TextareaAutosize'; // ou
importez {TextareaAutosize} depuis '@ material-ui/core';

L'exemple ci-dessous a tous les attributs de TextareaAutosize.
https://material-ui.com/components/textarea-autosize/

J'espère que cela fonctionne pour toi!!

0
Rishav Kumar