Breadcrumb

A navigation trail showing the current page's location within a hierarchy. Items are separated by / and the last item is always rendered as non-clickable text.


Navigation Trail

Pass an array of items with optional href. The last item is always non-clickable regardless of whether an href is provided.


Truncation & Collapse

Use maxLabelLength to truncate long labels with …. Use maxSegments to collapse the middle segments into a … button — clicking it opens a popup with the hidden items.

maxLabelLength=10

maxSegments=3

maxSegments=3 + maxLabelLength=12


Callback navigation

Use an item-level onclick for application actions. The last item remains non-interactive. Call event.preventDefault() when replacing link navigation.