圖標(biāo)

Breadcrumb允許配置項(xiàng)目的圖標(biāo)和分隔符

根圖標(biāo)

根圖標(biāo)是第一個(gè)圖標(biāo)，即為home圖標(biāo)，可以通過(guò)items.icon配置進(jìn)行更改圖標(biāo)配置，根圖標(biāo)也是可點(diǎn)擊的，點(diǎn)擊后將重置組件的值。

項(xiàng)目圖標(biāo)

在根圖標(biāo)之后為每個(gè)元素呈現(xiàn)的圖標(biāo)也是可點(diǎn)擊的，可以通過(guò)items.icon進(jìn)行配置。

分隔符圖標(biāo)

將Breadcrumb的條目分開(kāi)的圖標(biāo)。

舉例：

下面的示例演示如何配置不同的圖標(biāo)。

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

<script>
$("#breadcrumb").kendoBreadcrumb({
items: [
{ type: "rootitem", href: "mysite.com", text: "Telerik UI", icon: "globe", showIcon: true, showText: true },
{ type: "item", href: "/navigation", text: "Navigation", icon: "cloud", showText: true, showIcon: false },
{ type: "item", href: "/breadcrumb", text: "Breadcrumb", showText: true },
],
delimiterIcon: "k-i-line"
});
</script>