Sigta UI · Kit

OTP

Six digits (paste, arrows, backspace)

Paste the code from your email — it splits across the boxes.

Source 
<sigta:otp :length="6" name="code" label="Verification code" description="Paste the code from your email — it splits across the boxes." />

Four digits

Source 
<sigta:otp :length="4" name="pin" label="PIN" />

Error state

That code has expired.

Source 
<sigta:otp :length="6" name="badcode" label="Verification code" error="That code has expired." />