OTP Input / OtpInput / API

Blazor OTP Input - API Functionalities

Loading Syncfusion Blazor Server Demos…

Enter verification code
---
Properties
Styling Mode
Validation Status

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

Customization Options:

This sample can be customized further with various OTP Input properties from the property panel. For example:

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