# Items

In this article, you will find information about different ways to configure the Telerik UI for ASP.NET Core OTPInput items.

The option accepts either an:

* Numerical value
* Action delegate

The below example demonstrates how to configure the items by passing a number.

```Razor HtmlHelper
    @(Html.Kendo().OTPInput()
        .Name("otp")
        .Items(5)
    )
```

```Razor TagHelper
     <kendo-otpinput name="otp" items="5">
     </kendo-otpinput>
```

The next example shows how to configure the items by passing an Action delegate.

```Razor HtmlHelper
    @(Html.Kendo().OTPInput()
        .Name("otp")
        .Items(items => {
            items.Add().GroupLength(3);
            items.Add().GroupLength(2);
            items.Add().GroupLength(3);
        })
    )
```

```Razor TagHelper
     <kendo-otpinput name="otp">
        <otpinput-items>
            <item group-length="3" />
            <item group-length="2" />
            <item group-length="3" />
        </otpinput-items>
     </kendo-otpinput>
```

## See Also

* [Server-Side API of the OTPInput HtmlHelper](https://www.telerik.com/aspnet-core-ui/documentation/api/otpinput)

* [Server-Side API of the OTPInput TagHelper](https://www.telerik.com/aspnet-core-ui/documentation/api/taghelpers/otpinput)

* [Client-Side API of the OTPInput](https://docs.telerik.com/kendo-ui/api/ui/otpinput)