# Vue Breadcrumb Overview

The Breadcrumb component allows you to navigate within a folder structure or web page. It provides an easy way to navigate backwards by one or multiple steps. The Breadcrumb is always used in controlled mode.

<CtaPanelOverview></CtaPanelOverview>

The following example demonstrates the Breadcrumb in action.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/breadcrumb/overview/default/source.txt)

## Custom Delimiter

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/breadcrumb/overview/delimiter/source.txt)

## SVG Icons

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/breadcrumb/overview/svg-icons/source.txt)

> The Breadcrumb is part of the [Kendo UI for Vue Layout](https://www.telerik.com/kendo-vue-ui-develop/components/layout) component library. The procedures for installing, importing, and using all components in the library are identical. To learn how to use the Breadcrumb and the rest of the components in the package, see the [Getting Started with the Kendo UI for Vue Layout Package](https://www.telerik.com/kendo-vue-ui-develop/components/layout/get-started) guide.

## Key Features

* [Item Appearance](https://www.telerik.com/kendo-vue-ui-develop/components/layout/breadcrumb/appearance)—The Breadcrumb component comes with predefined options for using font and custom icons.
* [Delimiter](https://www.telerik.com/kendo-vue-ui-develop/components/layout/breadcrumb/delimiter)—You can change the default separator between the Breadcrumb items.
* [Disabled Mode](https://www.telerik.com/kendo-vue-ui-develop/components/layout/breadcrumb/disabled)—You can easily render disabled Breadcrumb items.
* [Accessibility](https://www.telerik.com/kendo-vue-ui-develop/components/layout/breadcrumb/accessibility/wai-aria-support)—The Breadcrumb is accessible by screen readers and provides full WAI-ARIA support.

## Suggested Links

* [Getting Started with the Kendo UI for Vue Layout Package](https://www.telerik.com/kendo-vue-ui-develop/components/layout/get-started)
* [API Reference of the Breadcrumb Component](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/breadcrumbprops)
* [Globalization](https://www.telerik.com/kendo-vue-ui-develop/components/intl)