Breadcrumbs ⚠️ Experimental ​

The Breadcrumbs component can be used imported from:

Playground ​

Parameters ​

Slots ​

This component has slots. Check the documentation about how to use the slots.

NameTagsDescription
defaultz-linkThe links in the breadcrumbs

Parameters use ​

Check the documentation about how to use the parameters.

crumbs ​

The crumbs parameter is an array of objects with the following properties:

  • text: The text to be displayed for the crumb.
  • to: the URL to navigate to when the crumb is clicked.

We can use <z-link> tags to define the values of crumbs

HomeMoleculesBreadcrumbs

Flags ​

home ​

The home parameter is a boolean that determines if the first crumb should be replaced with a home icon.

HomeMoleculesBreadcrumbs

Browser support ​

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples ​

CodeSandbox example ​