Перейти к содержимому
v2.5.0
English
Русский
Документация

TextField

TextField — составной компонент для однострочного ввода текста.

Пропсы корня

ПропТипПо умолчанию
sizeTextFieldSize'md'
Визуальный размер текстового поля. Влияет на отступы, размер шрифта и общую высоту. 'sm': компактное поле; 'md': по умолчанию; 'lg': просторная раскладка
errorboolean—
Показывает поле ввода в состоянии ошибки.
refRef<HTMLDivElement>—
Ref, передаваемый на элемент-обёртку. Полезен для программного управления, фокуса или интеграции.

Также принимает все атрибуты <div>.

Дочерние части

  • TextFieldInput: нативный элемент <input> внутри обёртки.

TextFieldInput

ПропТипПо умолчанию
refRef<HTMLInputElement>—
Ref, передаваемый на нижележащий нативный элемент <input>.

Также принимает все атрибуты <input>.

Типы

  • TextFieldProps
  • TextFieldInputProps
  • TextFieldSize

Модель состояния

  • TextField передаёт размер и состояние ошибки через контекст.
  • Настоящее состояние ввода управляется на TextFieldInput.
  • Контролируемое и неконтролируемое поведение подчиняется правилам нативного инпута на дочернем элементе.