Kendo UI for 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.
Start Free Trial
The following example demonstrates the Breadcrumb in action.
Change Theme
Theme
Loading ...
Custom Delimiter
Change Theme
Theme
Loading ...
SVG Icons
Change Theme
Theme
Loading ...
The Breadcrumb is part of the Kendo UI for Vue 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 guide.
Key Features
- Item Appearance—The Breadcrumb component comes with predefined options for using font and custom icons.
- Delimiter—You can change the default separator between the Breadcrumb items.
- Disabled Mode—You can easily render disabled Breadcrumb items.
- Accessibility—The Breadcrumb is accessible by screen readers and provides full WAI-ARIA support.