> For the complete documentation index, see [llms.txt](https://doc.kis.work/documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.kis.work/documentation/composants/onglets.md).

# 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.