Material UI InputLabel - отключить анимацию, когда ввод пуст

Question

Когда мое поле ввода пустое и не сфокусировано, пользовательский интерфейс материала поместит метку внутри поля ввода в качестве заполнителя.

Что яхочу, чтобы метка всегда находилась над полем ввода, аналогично тому, как она выглядит, если выбрано поле ввода.

Как я могу это сделать?

Пример кода:

     <FormControl>
        <InputLabel htmlFor="name">Name</InputLabel>
        <Input name="name"
               value={name}/>
      </FormControl>

Answer 1

После 30 минут потянув за волосы ... я наконец получил это. Свойство, которое вы ищете, не называется disableAnimation, как можно подумать, это свойство shrink. Документы API - https://material -ui.com / api / input-label /

  <FormControl>
    <InputLabel htmlFor="name" shrink='true'>Name</InputLabel>
    <Input name="name"
           value={name}/>
  </FormControl>