[New Plugin] Input OTP

Showcase Plugins
1

Plugin details

Professional OTP (One-Time Password) input component with customizable segment input fields. Features keyboard navigation, paste support, and password mode for secure authentication flows.

:link: Demo page (with link to editor)
:link: Plugin page

Input OTP
Input OTP1360×700 48 KB

Real-World Use Cases Highlighted

  • SMS verification codes (most common)
  • Two-factor authentication (2FA)
  • Password reset confirmation
  • Login verification
  • Account security
  • Payment confirmation
  • User onboarding

Instructions

  1. Drag the Input OTP element onto your page
  2. Configure the Length (number of segments, default: 4)
  3. Customize appearance: Size, Colors, Variant (box/underline), Border radius
  4. Set Initial content if you want pre-filled values
  5. Enable Password mode for secure input (shows dots)
  6. Use states: Value (gets the entered OTP), Is Complete (true when all segments filled)
  7. Handle events: Value Changed, OTP Complete, Focus, Blur
  8. Use Reset OTP action to clear and restore initial state