# Onglets

{% embed url="<https://youtu.be/yOp0GJ53KBw>" %}

Beaucoup d'informations sur une même page, c'est aussi du temps perdu à scroller pour trouver ce que l'on recherche. Sur Kis, grâce aux **Onglets**, vous structurez vos pages par thème pour une navigation plus simple et plus fluide.

Prenons l'exemple d'une organisation qui souhaite séparer les informations relatives à ses membres en fonction de leurs rôles : **dirigeants, adhérents** et **bénévoles**.

**1 -** Dans **Composants**, on sélectionne l'élément **Onglets ou Onglets avec icônes** et on vient le glisser-déposer dans le container vide. On clique sur l'élément pour l'éditer.

**2 -** On ajoute **autant d'onglets que nécessaire** puis on les nomme. Ici, nous aurons trois onglets : **Dirigeants, Adhérents et Bénévoles**.

{% hint style="success" %}
Si, côté administrateur, les onglets apparaissent les uns en dessous des autres, soyez rassuré : ils seront bien alignés sur l'app, côté utilisateur.
{% endhint %}

Si vous avez choisi le composant **Onglets avec icônes**, au moment de nommer vos sections, vous pourrez également leur assigner des pictogrammes pour les personnaliser.

**3 -** Un **container vide** apparaît dans chaque section. Vous pouvez en ajouter autant que vous voulez et y glisser-déposer [**tous les composants**](/documentation/composants/fil-dariane.md) de votre choix pour créer des pages qui répondent à vos besoins.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://doc.kis.work/documentation/composants/onglets.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
