Input OTP

The Input OTP component is designed for entering one-time passwords or verification codes — often used in login flows or two-factor authentication.

It consists of an OTP Wrapper, which holds:

• OTP Slot – individual input fields for each digit or character
• OTP Separator – optional separators for grouping (e.g. 123 • 456)

Usage

1. Drag the OTP Wrapper onto the canvas.
2. Add OTP Slots for each digit or character you want to collect.
3. (Optional) Insert OTP Separators to improve readability.
4. Customize styling and placeholder content via the Component Properties panel.