Kendo UI for Angular OTP Input Overview

The Kendo UI for Angular OTP Input enables the user to enter one-time passwords during multi-factor authentication, which enhances the security of login processes.

ninja-iconThe OTP Input is part of Kendo UI for Angular, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.Start Free Trial

The following example demonstrates the Kendo UI for Angular OTP Input in action.

Change Theme
Theme
Loading ...

Key Features

  • Types—You can specify different types of user input in the OTP Input component.
  • Separator—The OTP Input enables you to render a desired separator between groups of input fields.
  • Forms support—You can use the OTP Input both in template-driven and reactive Angular forms.
  • Placeholder—The OTP Input allows you to render hint characters in its input fields.
  • Appearance—The OTP Input provides built-in customization options that allow you to modify its appearance.
  • Disabled OTP Input—You can use the configuration options of the OTP Input to disable the component so that users are not able to interact with it.
  • Read-Only OTP Input—The OTP Input provides an option for overriding its default active state.
  • Adaptiveness—You can configure the type of an on-screen keyboard that will display upon touch interaction with the OTP Input.
  • Accessibility—The OTP Input is accessible for screen readers and supports WAI-ARIA attributes.
  • Globalization—All Kendo UI for Angular Inputs provide globalization options.
  • Keyboard navigation—The OTP Input supports a number of keyboard shortcuts for processing various commands.

Support and Learning Resources

Additional Resources