Материал-UI текстовое поле с меткой

Question

Может кто-нибудь сказать мне, как сделать текстовое поле с меткой в ​​материале UI lib

ищу что-то вроде этого:

https://github.com/callemall/material-ui/blob/master/src/TextField/TextFieldLabel.jsx

но не могу найти его в пакете npm

Answer 1

Вы можете получить фиксированную метку, передав shrink как inputLabelProp

    <TextField
         id="standard-number"
         label="Number"
         type="number"
         InputLabelProps={{
           shrink: true,
         }}
       />

Answer 2

Для фиксированной метки вам нужно установить опору с плавающей точкой:

<TextField
  floatingLabelText="Fixed Floating Label Text"
  floatingLabelFixed={true}
/>

Для получения дополнительной информации см. "Простые примеры" в документации по Textfield.

Answer 3

TextFieldLabel является внутренним подкомпонентом TextField, Просто поставьте floatingLabelText опора для TextField, Вы читали документы, верно?:)