Onglets
Tabs est un bloc qui vous permet d’organiser le contenu en plusieurs sections dans un seul document. C’est comme un ensemble d’onglets sur lesquels vous pouvez cliquer pour afficher différentes informations. Pensez-y comme un moyen de créer plusieurs pages au sein d’une seule page.
Pourquoi l’utiliser
- Organiser du contenu complexe
- Regroupez le contenu lié dans des onglets séparés pour une meilleure structure et lisibilité.
- Améliorer la lisibilité
- Rendez votre contenu plus facile à parcourir et à comprendre.
- Gagner de la place
- Utilisez efficacement l’espace en affichant le contenu de manière séquentielle plutôt que tout en même temps.
- Créer des expériences interactives Impliquez les utilisateurs en leur permettant de choisir activement les informations qu’ils souhaitent voir.
Comment utiliser le bloc Tabs
Tapez / pour ouvrir le menu de blocs Archbee
Recherchez le bloc Onglets et cliquez pour l’insérer
Personnalisez vos onglets et leurs noms.
Par défaut, le bloc est créé avec 2 onglets nommés "Tab Name" et "Second Tab Name".
Pour renommer un onglet, vous devez entrer en mode d’édition du label en :
- Double-cliquant sur le label de l’onglet
- Ou en appuyant sur l’icône "Edit label" ( )
Appuyez sur enregistrer ( ) pour mettre à jour le label, ou appuyez sur annuler ( ↩ ) pour annuler les modifications.
N’hésitez pas à ajouter votre contenu. Vous pouvez styliser le contenu comme vous le souhaitez en utilisant le WYSIWYG Menu ou même insérer d'autres blocs, comme :
De plus, la plupart de nos intégrations fonctionnent à l’intérieur d’un bloc à onglets. Vous pouvez ajouter des intégrations provenant d’autres outils comme Loom, Figma, Miro, Lucidcharts, et plus encore.
Consultez la page Blocs intégrés. pour plus d’informations.
Markdown
Voici comment créer un onglet dans votre document en utilisant du code markdown :
Commencez avec la ligne :::tabs.
Le contenu de chaque onglet se place entre les marqueurs :::tab et :::.
🚨 Attention !
Un deux-points : doit être placé dans un élément parent markdown pour indiquer qu’il englobe un autre élément markdown.
Dans ce cas, :::tabs deviendra ::::tabs .
Donnez un titre à chaque onglet avec des accolades comme {title="Le nom de votre section"}. C’est le nom qui apparaîtra dans l’en-tête de l’onglet.
Placez le contenu souhaité dans cet onglet entre ces lignes. Voir ci-dessus les blocs autorisés à utiliser dans un bloc d’onglets. Consultez la page Raccourcis Markdown pour voir comment utiliser d’autres blocs avec markdown.
Créez autant d’onglets que vous le souhaitez et fermez votre bloc d’onglets. N’oubliez pas d’ajouter des colonnes pour chaque niveau imbriqué.
Voici ci-dessous un exemple de bloc d’onglets utilisant markdown.
## Tabs
:::::tabs
::::tab{title="Tab 1"}
Some content for Tab 1
:::hint{style="info"}
Pull requests are very welcome! Please see CONTRIBUTING.md for more information.
Tthis is really nice
:::
- [x] This is a checkbox list
- [x] This is a checkbox list
- [ ] This is done
- [ ] This is a checkbox list
::::
:::tab{title="Tab Photos"}
We would love you to contributeaaa
:::
:::::Voici le résultat :
Du contenu pour l’onglet 1
Les pull requests sont les bienvenues ! Veuillez consulter CONTRIBUTING.md pour plus d’informations. C’est vraiment bien
Ceci est une liste à cocher
Ceci est une liste à cocher
Ceci est fait
Ceci est une liste à cocher
Vous pouvez également utiliser cette variante de Markdown pour générer un bloc d’onglets.
{% tabs %}
{% tab title="tab 2" %}some tab fasdfasdfasdfasdfads {% endtab %}
{% tab title="tab 2" %}some tab fasdfasdfasdfasdfads {% endtab %}
{% tab title="tab 2" %}some tab fasdfasdfasdfasdfads {% endtab %}
{% tab title="tab 2" %}some tab fasdfasdfasdfasdfads
{% endtab %}
{% endtabs %}Consultez la page Raccourcis Markdown pour voir plus de raccourcis markdown pour d’autres blocs.
Exemples
Trouver d’autres blocs
Découvrez de nouvelles façons et de nouveaux blocs pour créer des pages de documentation impressionnantes et fonctionnelles.
Besoin d’aide ? ⬇️
Utilisez la bulle de chat bleue dans le coin inférieur droit.
Ou essayez Chat IA (depuis la barre de recherche) pour obtenir des réponses rapides.
Votre opinion compte
Utilisez le formulaire de rétroaction ci-dessous, anonymement.
Ou posez une question dans la section Q&R et notre équipe ou l’IA vous fournira une solution.