[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
2

:tada: Plugin Update - Enhanced Styling Options

Just pushed a quick update to the Input OTP plugin with an additional styling field to give you even more customization control over the appearance of your OTP input components.

The plugin now offers even more flexibility in styling to perfectly match your app’s design.