Items Binding

The TabStrip allows you to declare its items and the properties of each item within the helper declaration.

The following example demonstrates how to configure the TabStrip items using the Items() configuration.

Razor

@(Html.Kendo().TabStrip()
    .Name("tabstrip") // The name of the TabStrip is mandatory. It specifies the "id" attribute of the TabStrip HTML element.
    .Items(items =>
    {
        items.Add().Text("Item 1")
        .Selected(true)
        .Icon("gear")
        .Content(@<text>
                <p>Item 1 content.</p>
            </text>);
        items.Add().Text("Item 2")
        .Icon("user-outline")
        .Content(@<text>
                <p>Item 2 content.</p>
            </text>);
    })
)

See Also

• Basic Usage of the TabStrip for ASP.NET MVC (Demo)
• Using the API of the TabStrip for ASP.NET MVC (Demo)
• Server-Side API of the TabStrip