KendoReact 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.

The following example demonstrates the Breadcrumb in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

The Breadcrumb is part of the KendoReact 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 KendoReact Layout Package guide.

Key Features

  • Item AppearanceThe Breadcrumb component comes with predefined options for using font and custom icons.
  • DelimiterYou can change the default separator between the Breadcrumb items.
  • Disabled ModeYou can easily render disabled Breadcrumb items.
  • AccessibilityThe Breadcrumb is accessible by screen readers and provides full WAI-ARIA support.

In this article

Not finding the help you need?