Breadcrumb¶

Indicate the current page's location within a navigational hierarchy that automatically adds separators via CSS.

Demo¶

An item with a url renders as a link; an item without one renders as the trail's active, current-page entry.

Usage

{% include 'bootstrap_components:breadcrumb' with {
  items: [
    { url: '/', title: 'Home' },
    { url: '/', title: 'Library' },
    { title: 'Data' },
  ],
} %}

Props¶

Prop	Type	Description	Example
`items`	array of `{ url?, title }`	The breadcrumb trail; every item needs a `title`. The last item renders as the current page.	`[{url: '/', title: 'Home'}, {url: '/about', title: 'About'}, {title: 'Current Page'}]`