PinField

PinField — составной компонент для кодов фиксированной длины, таких как одноразовые коды (OTP) и PIN.

Подписи

Сопровождайте поле видимым Label.
PinFieldInput — семантический элемент формы, и именно на нём должны быть атрибуты, связанные с формой.

ОбъявлениеПереведите фокус на демо и нажмите клавишу из таблицы.

Клавиша	Действие
`Backspace`	Удаляет символ перед кареткой. Фокус остаётся в поле: за ячейками стоит одно поле ввода.

Каждая строка проверена в настоящем браузере: Playwright нажимает клавишу в Chromium и смотрит, где оказались фокус и активный элемент.

Ввод с клавиатуры обрабатывается через PinFieldInput.
Стрелки перемещают позицию активного слота; вверх и Home ведут в начало, вниз и End — в конец.
Shift со стрелкой нативно расширяет выделение.

PinFieldInput сохраняет доступность поля для вспомогательных технологий и браузерного автозаполнения.
Видимые слоты — лишь сегментированное представление того же значения.