New to Kendo UI for jQuery? Start a free 30-day trial

Separator

configuration

Adds a separator for each of the input groups.

The configuration can only be applied when the items configuration is declared in the form of an array.

separator

String|Function

Default: null

<input id="otpinput" />
<script>
    $("#otpinput").kendoOTPInput({
        items: [
            {
                groupLength: 3
            },
            {
                groupLength: 2
            }
        ],
        separator: "-"
    });
</script>

The function context (available through the keyword this) will be set to the widget instance.

<input id="otpinput" />
<script>
    $("#otpinput").kendoOTPInput({
        items: [
            {
                groupLength: 3
            },
            {
                groupLength: 2
            }
        ],
        separator: () => kendo.ui.icon({icon: "star", type: "svg"})
    });
</script>