One-time code

One cell per character. Auto-advance, backspace, paste.

Install

npx raster add input-otp

Markup

<div class="rs-otp"><input maxlength="1" value="8" /><input maxlength="1" value="2" /><input maxlength="1" /><input maxlength="1" /></div>

React

import { InputOTP } from "@/components/raster/input-otp";

<InputOTP length={6} onComplete={(code) => verify(code)} />

Classes

.rs-otp