# Separator

In this article, you will find information about the different ways to add a separator between the Telerik UI for ASP.NET Core OTPInput items. The option accepts either a string or a function handler.

> In order for the functionality to be incorporated successfully, the [`Items`](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/editors/otpinput/items) need to be configured through an Action delegate.

The below example demonstrates how to add a separator as a string.

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

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

The next example shows how to add a separator in the form of a function handler by using the [`kendo.ui.icon`](https://docs.telerik.com/kendo-ui/api/ui/ui/methods/icon) method.

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

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

```JavaScript
   <script>
        function separatorHandler() {
            return kendo.ui.icon({icon: "shape-line", type: "svg"})
        }
   </script>
```

## 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)