Basic

Pass items with a title each, and an href on the crumbs that link back up, and the last crumb reads as the current page.

With icons

Put an icon before the text in an item's title, or use an icon alone with an aria-label, like a folder for the root.

Separator

Set separator to any string or node to replace the default chevron, like a slash or a bullet.

Per-item separators

Add items of { type: "separator" } to place each separator yourself and mix them in one trail, like a colon after a label.
Give an item a menu to open a dropdown of its siblings from that crumb, like the other workspaces or branches.

Folding a deep path

Shorten a deep path by replacing the middle crumbs with one more icon whose menu lists the crumbs it hides.

params and path

Pass params to fill :name placeholders in each item's path and title, and each crumb links to every path before it joined.

itemRender

Pass itemRender to draw each crumb yourself, like your router's link for ancestors and bold text for the current page.

Avatar crumbs

Put an Avatar beside the name in each title for a trail of people, like an owner and the people under them.

Pill crumbs

Render each title as a round Tag, with subtle ancestors and a colored current page, inside a small card.

Counts in a crumb

Put a count beside the label in a title: a small round Tag for a plain total like assigned tickets, and a Badge for one that needs attention like overdue ones.

API Reference