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

Items

The items configuration allows you to set specific attributes to the Breadcrumb items. You can set the text and the icon of an element and determine whether they would be visible or not. The configuration also allows you to add classes for the different elements which are rendered when initializing the component.

The default values of the showIcon and showText configurations are different for the two types of items. The showIcon's default value is true for rootItem and false for item. The showText configuration is by default false for rootitem and true for item.

The following example demonstrates how the attributes of the Breadcrumb items can be set through the items configuration.

    <nav id="breadcrumb"></nav>

    <script>
        $("#breadcrumb").kendoBreadcrumb({
            items: [
                { type: "rootitem", href: "mysite.com", text: "Home", icon: "home", showIcon: true, showText: true, itemClass: "root", iconClass: "root", linkClass: "root" },
                { type: "item", href: "/cloud", text: "Cloud", icon: "cloud", showText: false, showIcon: true, itemClass: "cloud", iconClass: "cloud", linkClass: "cloud" },
                { type: "item", href: "/login", text: "Login", icon: "login", showText: true, showIcon: false, itemClass: "login", iconClass: "login", linkClass: "login" }
            ]
        });
    </script>

See Also

In this article