Kendo UI for Angular Breadcrumb Overview
The Angular Breadcrumb component allows you to navigate within a folder structure or web page and provides an easy way to navigate backwards by one or multiple steps.
The following example demonstrates the Angular Breadcrumb in action.
Example
View Source
Change Theme:
Key Features
- Collapse modes—The Angular Breadcrumb enables you to specify the way its items will be rendered when their total width is larger than the width of the component.
- Templates—The Angular Breadcrumb provides options for customizing the appearance of its items.
- Item appearance—The Angular Breadcrumb delivers a set of options for customizing the appearance of its items such as adding an item icon, and more.
- Separator—You can use the built-in Kendo UI icons to change the default Angular Breadcrumb separator.
- Routing—You can utilize the Angular Router service and use the Angular Breadcrumb as a navigational component.
- Globalization—All Kendo UI for Angular Navigation components provide globalization options.
- Accessibility—The Angular Breadcrumb is accessible for screen readers and supports WAI-ARIA attributes.
Support and Learning Resources
- Breadcrumb Homepage
- Getting Started with the Kendo UI for Angular Navigation
- API Reference of the Breadcrumb
- Getting Started with Kendo UI for Angular (Online Guide)
- Getting Started with Kendo UI for Angular (Video Tutorial)
- Virtual Classroom (Training Courses for Registered Users)
- Breadcrumb Forum
- Before You Start: All Things Angular (Telerik Blog Post)
- Knowledge Base
