All challenges

UI · Frontend challenge · Frontend UI

OTP Verification Input

Difficulty

medium

Time

~25m

Format

Single

Grading

Human review

#ui#react#frontend#state#refs#events
Mission file // read carefullymedium

Build a 6-digit OTP / Verification Code Input panel.

Requirements

  • Render 6 individual single-character text input inputs.
  • Typing a number automatically triggers focus transition to the next sibling input field.
  • Pressing Backspace on an empty cell must trigger focus shift to the previous sibling input.
  • Support pasting values directly, populating all fields starting from index 0.

Build with

React
Live preview as you type
Human review
Start challenge

Sign in to save your progress.