Код подтверждения

InputOTP синхронизирует единое доступное значение с полями для отдельных символов, поддерживает управляемое и внутреннее состояние, вставку из буфера обмена, навигацию стрелками и Backspace, шаблоны проверки символов, отключённое, невалидное и обязательное состояния, а также отправку формы через скрытое поле.

Пример

Интерактивный пример

Использование

Импортируйте компонент из публичной точки входа пакета.

import { InputOTP } from "denjs-ui";

export function Example() {
  return (
    <InputOTP
      aria-label="Verification code"
      length={6}
      onComplete={(value) => console.log(value)}
    />
  );
}