Breadcrumb

A compact path of real destinations with an explicit current location.

Loading example…

Interactions use local sample data.

Usage and props

Use actual links for ancestors. The current item defaults to the last item and is not rendered as a navigation link.

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

items: {id,label,href?,onClick?}[] · currentId? · label? · separator?

These are the main props for the example. The package's TypeScript declarations include the full API.