TextField
Текстовые поля позволяют пользователям вводить и редактировать текст.
Base TextField#
Base
Outlined#
Outlined
Color#
Цвет компонента меняется через свойство color. Более подробно про цвет в этой статье.
Color
Placeholder и LabelText#
PlaceholderAndLabelText
HelperText#
HelperText
MaxCount#
MaxCount
Error#
Error
Round#
Round
Icon#
Свойства leadingIcon и trailingIcon это контейнеры для размещения node элементов, таких как Icons и д.р.
Icon
Multiline#
Многострочный режим.
Multiline
FullWidth#
FullWidth
API#
| Name | Type | Default | Description |
|---|---|---|---|
| classes | object | Объект содержит jss стили компонента. | |
| className | string | Чтобы указать CSS классы, используйте этот атрибут. | |
| children | any | Это свойство не реализуется. | |
| component | elementType | 'input' | Корневой узел. Это HTML элемент или компонент. |
| color | string | 'default' | Название цвета в разных форматах. |
| id | string | 'nameInputEVG' | id. |
| placeholder | string | '' | Текст внутри поля формы, который исчезает при получении фокуса. |
| value | string, number | '' | Value - number или string. |
| labelText | string | label текст. | |
| helperText | string | Вспомогательный текст под TextField. | |
| outlined | bool | false | Если true, примет outlined вид. |
| fullWidth | bool | false | Если true, TextField займет всю ширину родителя. |
| round | bool | false | Круглые края TextField. |
| multiline | bool | false | Если true, включиться многострочный режим. |
| error | bool | false | Режим отображения ошибки. |
| rows | number | 1 | Количество строк в режиме multiline. |
| maxCount | number | 0 | Лимит текста в value. |
| leadingIcon | node | Контейнер элементов в начале. | |
| trailingIcon | node | Контейнер элементов в конце. | |
| onChange | func | Вызывается при изменении состояния. |