# OTPInput

## Example

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

## ChildTags

| Tag Name       | Details                                                                                                                        |
| -------------- | ------------------------------------------------------------------------------------------------------------------------------ |
| otpinput-items | [OTPInputItemsTagHelper](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.taghelpers/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.                                                                                                                                  |
| fill-mode             | [FillMode](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.ui/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.                                                                                                                                       |
| 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.                                                                                                                               |
| 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                                                                                                | Sets the OTPInput's items length.                                                                                                                                                                                                                                 |
| 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.                                                                                             |
| on-kendo-keydown      | String                                                                                               | The name of the JavaScript function that will handle the kendoKeydown event. Triggered when the user presses a keyboard key while the OTPInput is focused.The event handler function context (available via the this keyword) 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](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.ui/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](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.ui/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](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.ui/otptype)             | Sets a value which will dictate the type of the component.                                                                                                                                                                                                        |
| value                 | String                                                                                               | The value of the widget.                                                                                                                                                                                                                                          |