---
path: components/breadcrumb/overview
title: Overview
position: 1
seo_title: Overview of the Breadcrumb Component
seo_description: Learn about the basic features of the Telerik and Kendo UI
  Breadcrumb component and its types, check out the extensive set of available
  options in its live demo, and master its appearance by setting the color,
  size, fill mode, and border radius as you wish on the fly.
---
## Breadcrumb Overview

A Breadcrumb is a component, which allows navigation within a folder structure or a web page. It provides an easy way to navigate backwards by one or multiple steps.

### Live Demo

<LiveDemo data='{"links":[{"text":"Angular","url":"https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb"},{"text":"Blazor","url":"https://demos.telerik.com/blazor-ui/breadcrumb/overview"},{"text":"jQuery","url":"https://www.telerik.com/kendo-jquery-ui/documentation/controls/breadcrumb/overview"},{"text":"React","url":"https://www.telerik.com/kendo-react-ui/components/layout/breadcrumb"},{"text":"Vue","url":"https://www.telerik.com/kendo-vue-ui/components/layout/breadcrumb"},{"text":"ASP.NET Core","url":"https://docs.telerik.com/aspnet-core/html-helpers/navigation/breadcrumb/overview"},{"text":"ASP.NET MVC","url":"https://docs.telerik.com/aspnet-mvc/html-helpers/navigation/breadcrumb/overview"}],"demo":"components/breadcrumb/overview"}'></LiveDemo>

### Framework-Specific Documentation

For specific information about the component, refer to its official product documentation:

<Wrap>
<ExternalResource data='{"title":"Kendo UI for Angular Breadcrumb","description":"Find more information about the Kendo UI for Angular Breadcrumb in the official product documentation of the component.","url":"https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb"}'>![Kendo UI for Angular logo.](/images/angular-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for Blazor Breadcrumb","description":"Find more information about the Telerik UI for Blazor Breadcrumb in the official product documentation of the component.","url":"https://www.telerik.com/blazor-ui/documentation/components/breadcrumb/overview"}'>![Telerik UI for Blazor logo.](/images/blazor-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Kendo UI for jQuery Breadcrumb","description":"Find more information about the Kendo UI for jQuery Breadcrumb in the official product documentation of the component.","url":"https://www.telerik.com/kendo-jquery-ui/documentation/controls/breadcrumb/overview"}'>![Kendo UI for jQuery logo.](/images/jquery-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"KendoReact Breadcrumb","description":"Find more information about the KendoReact Breadcrumb in the official product documentation of the component.","url":"https://www.telerik.com/kendo-react-ui/components/layout/breadcrumb"}'>![Kendo UI for React logo.](/images/react-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Kendo UI for Vue Breadcrumb","description":"Find more information about the Kendo UI for Vue Breadcrumb in the official product documentation of the component.","url":"https://www.telerik.com/kendo-vue-ui/components/layout/breadcrumb"}'>![Kendo UI for Vue logo.](/images/vue-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for ASP.NET Core Breadcrumb","description":"Find more information about the Telerik UI for ASP.NET Core Breadcrumb component.","url":"https://docs.telerik.com/aspnet-core/html-helpers/navigation/breadcrumb/overview"}'>![Telerik UI for ASP.NET Core logo.](/images/core-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for ASP.NET MVC Breadcrumb","description":"Find more information about the Telerik UI for ASP.NET MVC Breadcrumb component.","url":"https://docs.telerik.com/aspnet-mvc/html-helpers/navigation/breadcrumb/overview"}'>![Telerik UI for ASP.NET MVC logo.](/images/mvc-logo.svg)</ExternalResource>

</Wrap>