Add-on Directory

OTP Field Add-On - Vaadin Add-on Directory

Field for entering one-time passwords and verification codes OTP Field Add-On - Vaadin Add-on Directory
OtpField is a Vaadin Flow input field for a fixed-length verification code. It renders one slot per character and behaves like any other input field, so it works with Binder out of the box. ## Features * One visual slot per character, with the active slot following the caret. * Complete keyboard, paste, drop and `autocomplete="one-time-code"` autofill behaviour, with no application-side glue code. * Configurable length (1–24, default 6), accepted characters through `allowedCharPattern` (numeric by default), case conversion, per-slot placeholder and masking. * `Binder` integration with built-in *required* and *incomplete* constraints, and an `OtpCompleteEvent` that fires when the code reaches its full length. * Accessible: one tab stop, announced as a single field, and usable with a screen reader. * Themeable through documented CSS custom properties and shadow parts, under base styles, Aura and Lumo. #### Found a bug or have a suggestion? Report it on GitHub For bug reports, feature suggestions, or questions, please open an issue on [GitHub](https://github.com/FlowingCode/OtpFieldAddon/issues). This makes it easier for us to track and respond efficiently, ensuring you get the best possible support. Your input helps us improve—thank you!
Issue tracker
Online Demo
Author Homepage
View on GitHub

OTP Field Add-On version 1.0.0
Initial implementation