Breadcrumb Overview
The Breadcrumb is part of Telerik UI for ASP.NET MVC, a
professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
The Telerik UI Breadcrumb HtmlHelper for ASP.NET MVC is a server-side wrapper for the Kendo UI Breadcrumb widget.
The Breadcrumb is an intuitive UI component that allows navigation within a folder structure or web page. It provides an easy way to navigate backwards by one or multiple steps.
Initializing the Breadcrumb
The following example demonstrates how to define the Breadcrumb.
@(Html.Kendo().Breadcrumb()
.Name("breadcrumb")
)
Basic Configuration
The following example demonstrates the basic configuration for the Breadcrumb.
@(Html.Kendo().Breadcrumb()
.Name("breadcrumb")
.Items(items =>
{
items.Add()
.Type(BreadcrumbItemType.RootItem)
.Href("https://demos.telerik.com/kendo-ui/")
.Text("All Components")
.Icon("home")
.ShowIcon(true);
items.Add()
.Type(BreadcrumbItemType.Item)
.Href("/breadcrumb")
.Text("Breadcrumb")
.ShowText(true);
items.Add()
.Type(BreadcrumbItemType.Item)
.Href("/index")
.Text("Basic Usage")
.ShowText(true);
})
)
<script>
$(function() {
// The Name() of the Breadcrumb is used to get its client-side instance.
var breadcrumb = $("#breadcrumb").data("kendoBreadcrumb");
});
</script>