Components
Code entry
The six-box confirmation code. Type to advance, backspace to retreat, paste anywhere fills the lot — and `complete` fires the instant the last digit lands.
Live
The invalid state: danger border and the one sanctioned nudge — 3px, transform-only.
The keyboard model
- The digits are mono — a code is a machine fact — and each box selects on focus, so overtyping replaces rather than appends.
autocomplete="one-time-code"lets the OS offer the code from the message; several digits landing in one box is handled, because that is exactly what autofill does.- The group announces itself once ("6-digit code"), not six times.
- It sits in the sign-in block after the email step — the real OTP flow is deliberately the only way in.