OTP Field Add-On - Vaadin Add-on Directory
Field for entering one-time passwords and verification codesOtpField 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 trackerOnline Demo
Author Homepage
View on GitHub
OTP Field Add-On version 1.0.0
Initial implementation