OtpInput

Props

size

• type: string|number
• default: 4

Количество символов

pending

• type: boolean

disabled

• type: boolean

Events

Поведение

• При последовательном вводе от первого до последнего символа, после ввода последнего, вызывается submit и снимается фокус
• При вводе не с первого символа или если юзер сам переводит фокус мышкой, при вводе последнего символа фокус перемещается на первый ПУСТОЙ инпут
• Между инпутами можно переключаться стрелками вправо/влево (на крайних элементах происходит переключение к другому концу)
• При удалении (Backspace) удаляется текущий символ и фокус переходит на предыдущий элемент (дальше первого не уходит). Если текущий инпут пуст, удаляется предыдущий символ.
• При удалениее вперед (Delete) удаляются последующие символы и сдвигаться к началу
• При вставке, символы вставляются с первого инпута (в независимости от того, в какой вставили) и целиком заменяют содержимое (если уже было введено 3 символа, а вставили 1, вставляется 1, остальные очищаются)
• При возникновении ошибки, очищаем код и ставим фокус на первый элемент
• Для pending(состояние загрузки) отключаем ввод
• В случае одновременно двух статусов (error, pending), приоритет за error (но ввод отключен)