---
title: Coveo Breadcrumbs
slug: '3019'
canonical_url: https://docs.coveo.com/en/3019/
collection: coveo-for-sitecore-v5
source_format: adoc
---
# Coveo Breadcrumbs
> **Legacy feature**
>
> The Coveo Hive Framework is now in maintenance mode and is no longer recommended for new implementations.
> 
> To build new search experiences, use one of Coveo's more modern, lightweight, and responsive libraries.
> To get started, see the [Build search](https://docs.coveo.com/en/2473/) article.

Implements the [Coveo JavaScript Search Framework](https://docs.coveo.com/en/187/) [{{ page.jsuicomponent }}](https://coveo.github.io/search-ui/components/breadcrumb.html) component which displays a summary of the active query filters and provides links to remove the currently applied filters.

## Usage notes

* The **{{ page.title }}** rendering provides links to remove applied filters one by one.
Each time a user clicks one of these links, a new Search API call is triggered.

* The **{{ page.title }}** rendering also provides a **Clear All Filters** link which removes all facet filters and triggers a single new Search API call with the current search expression and no facet filtering.

* The rendering is not displayed when no facet filtering is configured (that is,
the `style` attribute of the `<div>` element is set to `"display: none;"`).

* You can [customize the CSS](https://docs.coveo.com/en/2342/) associated with this rendering.

## Insertion location


<div>
<h3>Coveo Hive</h3>
  <p>The <strong>Coveo Breadcrumbs</strong> rendering is an Allowed Control in the following placeholder(s): <code class="highlighter-rouge">UI Header</code>, <code class="highlighter-rouge">UI Results Header</code>, <code class="highlighter-rouge">Results Header</code></p>
  <video width="690" height="335" controls="">
  <source src="{{ site.baseurl }}/assets/images/c4sc-v5/breadcrumbs-hive.mp4" type="video/mp4" />
  Your browser doesn't support the video tag.
</video>
  <div class="figure-caption">Example insertion sequence for the <strong>Coveo Breadcrumbs</strong> rendering.
  </div>
</div>
<div>
<h3>Coveo Hive SXA</h3>
  <p>Coveo for Sitecore SXA rendering insertion locations aren't limited by placeholder Allowed Controls. The <strong>Coveo Breadcrumbs</strong> rendering may therefore be inserted throughout the partial design, whether in Coveo for Sitecore or Sitecore placeholders.</p>
  <video width="690" height="335" controls="">
  <source src="{{ site.baseurl }}/assets/images/c4sc-v5/breadcrumbs-sxa.mp4" type="video/mp4" />
  Your browser doesn't support the video tag.
</video>
  <div class="figure-caption">Example insertion sequence for the <strong>Coveo Breadcrumbs</strong> rendering.
  </div>
</div>

## Data source options

The following table lists the available data source options for this rendering.

This rendering has no data source.

## Sample generated HTML and corresponding visual output

```html
<div class="CoveoBreadcrumb" style>
```

![Breadcrumbs example output | Coveo for Sitecore 5](https://docs.coveo.com/en/assets/images/c4sc-v5/breadcrumbs-example.png)