Input OTP
An accessible one-time password input with copy-paste support.
Default
A 6-digit OTP input split into two groups of three with a separator.
Sizes
OTP slots come in three sizes: small, default, and large.
Small
Default
Large
Custom Separator
Separators can display custom content instead of the default dash.
Dot separator
Slash separator
Grouping Layouts
Slots can be grouped in different configurations using multiple groups and separators.
4 digits, single group
4 digits, two groups of two
8 digits, four groups of two
Disabled
The input can be disabled to prevent interaction.
In Form Context
OTP input used within a form with a label and helper text.
Segmented one-time passcode entry.
Proa UI Pro component source is proprietary and requires an accepted Proa UI Pro Commercial License Agreement. Subject to that agreement, the self-serve license includes the limited commercial Proa framework rights needed to use Proa UI Pro in closed-source products.
proa ui add input_otpRequires an active Proa UI Pro license and access to the private component registry.
CLI and registry setup