Blazor OTP Input - API Functionalities

OTP Input / OtpInput / API

This sample demonstrates the properties available in the OTP Input component.

Loading Syncfusion Blazor Server Demos…

Enter verification code
---
Properties
Styling Mode
Validation Status

This sample can be customized further with the combination of OTP Input properties from the property pane. For example,

  • The input style can be changed by selecting the Styling Mode dropdownlist from the property pane.
  • The validation state can be changed by selecting the Validation Status dropdownlist from the property pane.
  • The hint placeholder character can be updated by using the Placeholder textbox from the property pane.
  • The separator character (-) can be updated by using the Separator textbox from the property pane.
  • The input field length can be changed by using the Length numerictextbox from the property pane.
  • Enable or Disable the OTP Input by toggling the Disabled switcher button.
Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE