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.
Label
01Code slots
02Caret
03Error
04Resend action
0504 / 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.