• What is KendoReact
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Charts
    • Common Utilitiesupdated
    • Conversational UI
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Mapbeta
    • Notification
    • PDF Processing
    • PDFViewernew
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeView
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Troubleshooting

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

In this article

Not finding the help you need?