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

# Fil d'ariane

{% hint style="info" icon="figma" %}
Nom du composant : **breadcrumb**
{% endhint %}

{% embed url="<https://www.figma.com/proto/wBkSm4I4jUASOuNVQr9xA9/DSVUV5---Previews?content-scaling=fixed&hotspot-hints=0&node-id=6376-21282&page-id=6376:21281&scaling=scale-down&starting-point-node-id=6376:21282&t=1ryZ4RNozqMOtzF2-1&viewport=123,266,1.53>" %}

***

### Principes

#### Hiérarchie

Il doit refléter la structure réelle des pages (du général au particulier) et non l'historique de navigation personnel de l'utilisateur pour rester un point de repère fixe.

#### État actuel non-cliquable

Le dernier élément du fil d'Ariane correspond à la page où se trouve l'utilisateur ; il ne doit pas être cliquable pour éviter les boucles inutiles.

#### Fiche produit

Il n'affiche pas le dernier élément si c'est une fiche produit. Le dernier élément est alors le catalogue où se trouve le produit et est donc cliquable uniquement pour ce cas.

***

### Composant lié

{% content-ref url="/pages/dgc3RUEK5fjDafJtjuMe" %}
[Header](/documentation/components/header.md)
{% endcontent-ref %}

{% content-ref url="/pages/RfeuCewsemiLcJS4FH3l" %}
[Barre de recherche](/documentation/components/searchbar.md)
{% endcontent-ref %}

{% content-ref url="/pages/utI6jbjr0BB0Yu7tBUm8" %}
[Link](/documentation/components/link.md)
{% endcontent-ref %}