Table des matières en ligne
Chaque document Markdown affiche une table des matières du contenu en haut à droite.
Mais il est également possible d'afficher une table des matières en ligne directement à l'intérieur d'un document markdown, grâce à MDX.
Table des matières complète#
La variable toc est disponible dans n'importe quel document MDX, et contient tous les titres de niveau supérieur d'un document MDX.
import TOCInline from '@theme/TOCInline';
<TOCInline toc={toc} />;Table des matières personnalisée#
Les props toc sont juste une liste d'éléments de la table des matières :
type TOCItem = { value: string; id: string; children: TOCItem[];};Vous pouvez créer cet arbre de la table des matières manuellement ou obtenir un nouvel arbre de la table des matières à partir de la variable toc :
import TOCInline from '@theme/TOCInline';
<TOCInline toc={ // Only show 3th and 5th top-level heading [toc[2], toc[4]] }/>;caution
Le contenu ci-dessous n'est qu'un exemple pour avoir plus d'éléments pour la table des matières disponibles dans la page courante.
Exemple Section 1#
Lorem ipsum
Exemple de sous-section 1 a#
Lorem ipsum
Exemple de sous-section 1 b#
Lorem ipsum
Exemple de sous-section 1 c#
Lorem ipsum
Exemple Section 2#
Lorem ipsum
Exemple de sous-section 2 a#
Lorem ipsum
Exemple de sous-section 2 b#
Lorem ipsum
Exemple de sous-section 2 c#
Lorem ipsum
Exemple de section 3#
Lorem ipsum
Exemple de sous-section 3 a#
Lorem ipsum
Exemple de sous-section 3 b#
Lorem ipsum
Exemple de sous-section 3 c#
Lorem ipsum