Skip to content

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