<baht-breadcrumbs>

Breadcrumb trail; last item is the current page (no link).

Basic

Omit href to go router-driven: the item emits baht-navigate instead of navigating.

HTMLReactAngular

Copy

<baht-breadcrumbs></baht-breadcrumbs>

<script>
  const el = document.querySelector('baht-breadcrumbs');
  el.items = [
    {
      "label": "Home",
      "href": "/"
    },
    {
      "label": "Workflows",
      "href": "/workflows"
    },
    {
      "label": "Invoice sync"
    }
  ];
</script>

Props

Name	Type	Default	Description
itemsJS	Crumb[]	[]	{ label, href? }
separator	string	'›'	Separator character

Events

Event	detail	Description
name	CustomEvent
baht-navigate	{ item, index }	href-less crumb clicked