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 more than 100 professionally designed components developers trust for all their jQuery UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms, and a 3-million-strong developer community.
BreadCrumb
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • 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 

    jquery-breadcrumb
  • 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

    breadcrumb-editing
  • 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

    overflow-breadcrumb-adaptive-rendering
  • 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

    rtl-support
  • 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