All Controls
/
Otp-input
/
OtpAPI

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

More Details...

Enter verification code
---
Properties
Styling Mode
Validation Status
Placeholder
Separator
Length
Disabled
Description

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.