Skip to content

Holo Breadcrumb & Breadcrumb Item

<holo-breadcrumb> renders a nav landmark labelled “Breadcrumb” wrapping an ordered list. <holo-breadcrumb-item> children render as links, except the item marked current, which renders as non-interactive text with aria-current="page".

HomeProductsWidget
<holo-breadcrumb>
<holo-breadcrumb-item href="/">Home</holo-breadcrumb-item>
<holo-breadcrumb-item href="/products">Products</holo-breadcrumb-item>
<holo-breadcrumb-item current>Widget</holo-breadcrumb-item>
</holo-breadcrumb>

| Property | Attribute | Description | Type | Default | | --------- | --------- | ------------------------------------------------------------------ | --------- | ----------- | | href | href | The link destination. Omit for the current page item. | string | undefined | | current | current | Marks this item as the current page (renders as text, not a link). | boolean | false |