> For the complete documentation index, see [llms.txt](https://docs.trydrupal.com/radix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.trydrupal.com/radix/components/breadcrumb.md).

# Breadcrumb

[**Bootstrap docs**](https://getbootstrap.com/docs/5.3/components/breadcrumb/)

### Component Properties

* `breadcrumb`: An array containing the breadcrumb items. Each item should be an associative array with `text` and `url` properties. The `url` property can be `null` for the current page.
* `breadcrumb_utility_classes` (optional): An array of additional CSS classes that will be added to the `.breadcrumb` element.
* `breadcrumb_attributes` (optional): A `drupal attributes` array that can be used to add additional attributes to the `.breadcrumb` element.

### Usage

Include the breadcrumb component in your Twig template and pass the necessary parameters:

**Example 1**: General usage:

```twig
{% include 'radix:breadcrumb' with {
  breadcrumb: [
    { text: 'Home', url: '/home' },
    { text: 'Blog', url: '/blog' },
    { text: 'Post Title', url: null }  // The current page
  ],
  breadcrumb_utility_classes: ['my-custom-class']
} %}
```

**Example 2**: Simple Drupal init:

```twig
{% include 'radix:breadcrumb' with {
  breadcrumb: breadcrumb,
} %}
```