Kendo UI for jQuery

jQuery Breadcrumb

  • Help users navigate hierarchically arranged jQuery pages and trace back their original location.
  • Part of the Kendo UI for jQuery library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
  • Overview

    The Kendo UI for Angular Breadcrumb shows users where they are in your website. This adds a great UX to complex sites since it is an easy way for users to see where they are and to backtrack.

    See the jQuery Breadcrumb Overview demo 

  • Icons

    Make your jQuery breadcrumb noticeable and more intuitive by assigning icons for the root, each item, and the delimiter.

    See the jQuery Breadcrumb Icons demo

  • Editing

    The jQuery Breadcrumb component allows users to edit the breadcrumb path for themselves. With this feature enabled, the click in the component’s whitespace or press Enter when the component is in focus to enter edit mode.

    See the jQuery Breadcrumb Editing demo

  • Overflow

    When the width of the Breadcrumb is not enough to display the entire path, the widget will show only the items that fit the available space. The rest will be hidden. If you click one of the visible items, the value of the widget will change and reveal the previously hidden item.

    Read the jQuery Breadcrumb Overflow documentation

  • Globalization

    The jQuery Breadcrumb supports any globalization or localization scenarios. You can also enable RTL mode to display the control’s text and UI elements from left to right.

    See the jQuery Breadcrumb RTL demo

  • Keyboard Navigation

    Improve accessibility and productivity with keyboard-only navigation. This component supports keyboard navigation to help navigate and interact with items.  

    See the jQuery Breadcrumb Keyboard Navigation demo.

    Keyboard Navigation
  • Accessibility

    The jQuery Breadcrumb is compliant with Section 508 standards, is AA rated with WCAG 2.0 and follows WAI-ARIA standards.

    Read the jQuery Breadcrumb Accessibility documentation.

    jQuery accessibility

All Kendo UI for jQuery Components

Next Steps

Next Steps