> 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/menu.md).

# Menu

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

***

{% tabs %}
{% tab title="Compte Client" %}
{% embed url="<https://www.figma.com/proto/wBkSm4I4jUASOuNVQr9xA9/DSVUV5---Previews?content-scaling=fixed&hotspot-hints=0&node-id=6814-4390&page-id=6814:498&scaling=scale-down-width&starting-point-node-id=6814:4390&t=9oZUx3LPWmHyd6Cm-1&viewport=125,498,0.46>" %}
{% endtab %}

{% tab title="Pages Statiques" %}
{% embed url="<https://www.figma.com/proto/wBkSm4I4jUASOuNVQr9xA9/DSVUV5---Previews?content-scaling=fixed&hotspot-hints=0&node-id=6867-5019&page-id=6814:498&scaling=scale-down-width&starting-point-node-id=6867:5019&t=9oZUx3LPWmHyd6Cm-1&viewport=125,498,0.46>" %}
{% endtab %}
{% endtabs %}

***

### Principes

#### Contextualité

Le contenu du menu doit s'adapter à la section visitée. Il sert de guide local pour naviguer au sein d'un écosystème spécifique sans perdre l'utilisateur dans l'arborescence globale.

#### Structuration par blocs

L’information est segmentée en groupes logiques. Chaque bloc doit être clairement identifié pour permettre un scan visuel rapide et un accès direct à l'information recherchée.

#### Feedback d'état

L'élément actif est visuellement différencié pour confirmer à l'utilisateur sa position actuelle dans le menu. Les éléments cliquables bénéficient d'un état au survol pour signifier l'interactivité.

***

### Usage

Le menu est utilisé pour structurer la navigation secondaire d'une section ou d'un espace dédié. Il permet à l'utilisateur de se repérer dans un ensemble de pages ou de rubriques sans quitter son contexte courant.

***

### Composant lié

{% content-ref url="/pages/Q0QfKfFD7wRUzbyMdOmO" %}
[List item](/documentation/components/list-item.md)
{% endcontent-ref %}

{% content-ref url="/pages/of8uu2xQNO6TxXhL5ShS" %}
[Accordions](/documentation/components/accordions.md)
{% endcontent-ref %}