TextField

Storybook

Использование

Компонент TextField может содержать иконку (или кнопку) слева и справа. Для этого используйте свойства contentLeft и contentRight:

Live Editor

Result

Open in CodeSandbox

Размер поля

Размер поля задается с помощью свойства size. Возможные значения свойства: "l" и "m":

Live Editor

Result

Open in CodeSandbox

Статус поля

Статус поля задается с помощью свойства status. Возможные значения свойства: success, warning и error:

Live Editor

Result

Open in CodeSandbox

Подсказка

Для вывода подсказки снизу от поля используйте свойство helperText:

Live Editor

Result

Open in CodeSandbox