Breadcrumbs - Web Component

...

Browser support

Parameters

The Web component uses a <z-breadcrumbs> tag.

The parametrization of the component can be done with the following custom HTML params:

Name	Type	Description
config	string	Custom attribute for the breadcrumbs component
crumbs	Object[]	The links in the breadcrumbs
home	boolean	Whether to show the home icon for the first link in the breadcrumbs

Playground

Customization

HTML Examples

Imports

<link rel="stylesheet" href="/0.3.7/@zurich/web-components/styles.css" />
<script type="module" src="/0.3.7/@zurich/web-components/breadcrumbs.js"></script>

Code

<z-breadcrumbs
  crumbs='[{ "text": "Link 1", "to": "#" },{ "text": "Link 2", "to": "#" },{ "text": "Link 3", "to": "#" }]'>
</z-breadcrumbs>