Реагировать Material-UI TextInput с фиксированным текстом вместе с заполнителем - PullRequest
Новая
       68

Реагировать Material-UI TextInput с фиксированным текстом вместе с заполнителем

0 голосов
/ 21 января 2020

Я хочу достичь нижеприведенного интерфейса для TextInput. Он должен иметь фиксированный текст в конце вместе с заполнителем, где можно вводить данные.

enter image description here

Примечание: исправленный текст не должен редактироваться.

1 Ответ

5 голосов
/ 21 января 2020

Документы на входные украшения: https://material-ui.com/components/text-fields/#input-украшения 

import { TextField, InputAdornment } from "@material-ui/core";

<TextField
    placeholder="00"
    InputProps={{
        endAdornment: <InputAdornment position="end">km</InputAdornment>,
    }}
/>
...