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>