Input

Текстовое и числовое поле ввода из @reformer/ui-kit. Ниже — три вкладки: Variants (готовые пресеты для копирования), Examples (сценарии с привязкой к форме) и API (интерактивная площадка props).

Variants — готовые конфигурации компонента: один и тот же компонент с разными преднастроенными пропсами. Витрина состояний (напр. обычный Select и Select с расширенной информацией — два варианта).

Examples — приёмы в коде: как решить задачу. Напр. как разные Data Provider’ы работают с компонентом (рецепты использования).

Базовая строковая форма (type по умолчанию — text). value: string | null.

Загрузка демо…

type="email" — почтовая раскладка на мобильных, семантика поля почты.

Загрузка демо…

type="tel" — цифровая клавиатура на мобильных.

Загрузка демо…

type="url" — форма для ссылки, URL-раскладка.

Загрузка демо…

type="number" — числовой режим ввода: value приходит как number | null, буфер держит промежуточный ввод.

Загрузка демо…

type="password" — значение маскируется нативно (без встроенного toggle).

Загрузка демо…