Skip to component standard
Components

FormsVisual draft 0.1

Input OTP

Collects a short one-time verification code.

SpecializedDemand-led extensionHTML first
01 / Preview

The current Angle direction.

02 / Decision

What this component must preserve.

Angle component decision

Support paste, autofill, clear error recovery, and a single accessible field model despite segmented visuals.

03 / Anatomy

Parts with a specific job.

Label01
Code slots02
Caret03
Error04
Resend action05
04 / States

The happy path is only one state.

01Default
02Hover
03Active
04Focus
05Disabled
06Loading
07Success
08Error
05 / Guidance

Use the contract, not the screenshot.

Do

Support paste, autofill, clear error recovery, and a single accessible field model despite segmented visuals.

Avoid

Do not introduce this surface without a real product need, complete states, and an accessible non-pointer path.