Breadcrumbs - CSS Component ​

The Breadcrumbs component can be used imported from:

Playground ​

Construction ​

The CSS component uses the <nav> tag with the z-breadcrumbs HTML custom attribute.

z-breadcrumbs ​

The z-breadcrumbs attribute is used to style the breadcrumbs component.

You can also replace the first crumb with the home:line icon.

INFO

Make sure you use the Button as a link for each crumb link inside the z-breadcrumbs component.

Browser support ​

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples ​

CodeSandbox example ​