InputOTP

Поле ввода одноразового кода (OTP) на input-otp. Дефолтная раскладка разворачивает одну InputOTPGroup из maxLength слотов; кастомная (разбивка на группы через InputOTPSeparator) собирается из base-примитивов InputOTP / InputOTPGroup / InputOTPSlot / InputOTPSeparator. Значение — string | null (пустой ввод → null). Для форм — InputOTPField.

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

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

maxLength=6 (дефолт). Значение — string | null.

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

maxLength=4 — четыре слота в одной группе.

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

Форма, недостижимая дефолтной раскладкой: 3 + 3 слота с InputOTPSeparator. Собирается из InputOTP / InputOTPGroup / InputOTPSlot / InputOTPSeparator варианта base.

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