OTPInput

Example

Razor

<kendo-otpinput>
    <otpinput-items></otpinput-items>
</kendo-otpinput>

ChildTags

Tag Name	Details
otpinput-items	OTPInputItemsTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
for	ModelExpression	An expression to be evaluated against the current model.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-template	Boolean	When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
as-module	Boolean
enable	Boolean	If set to false, the widget will be disabled and will not allow user input. The widget is enabled by default and allows user input.
fill-mode	FillMode	Sets a value controlling how the color is applied.
has-client-component	Boolean
input-mode	String	Sets the appearance of the keyboard for a devices with a virtual keyboard
items-length	Int32
on-change	String	Fired when the value of the widget is changed by the user.The event handler function context (available through the keyword this) will be set to the widget instance.
placeholder	String	The hint displayed by the widget when the inputs are empty. Not set by default.
readonly	Boolean	If set to false, the user will be will unable to enter values within the inputs. The widget is non-readonly by default and allows user input.
rounded	Rounded	Sets a value controlling the border radius.
sanitize-id	Boolean
script-attributes	IDictionary<String,Object>
separator	String	Adds a separator for each of the input groups.
separator-handler	String	Adds a separator for each of the input groups.
size	ComponentSize	Sets the size of the component.
space	Boolean	If set to true, each of the input groups will not be concatenated with one another.
type	OTPType	Sets a value which will dictate the type of the component.
value	String	The value of the widget.