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. |
| as-module | Boolean | Specifies whether the initialization script of the component will be rendered as a JavaScript module. |
| 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. |
| 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. |
| deferred | Boolean | Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method. |
| for | ModelExpression | An expression to be evaluated against the current model. |
| input-mode | String | Sets the appearance of the keyboard for a devices with a virtual keyboard |
| items | 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. |
| script-attributes | IDictionary<String,Object> | Sets the attributes that will be added to the script tag of the component's initialization script. |
| 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. |