Ir para o conteúdo principal
Version: 2.0.0-beta.10 🚧

TOC Embutido

Cada documento Markdown exibe uma guia de conteúdo no canto superior direito.

Mas também é possível exibir uma tabela embutida de conteúdo diretamente dentro de um documento markdown, graças ao MDX.

Tabela completa de conteúdo

The toc variable is available in any MDX document, and contains all the headings of a MDX document.

By default, only h2 and h3 headings are displayed in the TOC. You can change which heading levels are visible by setting minHeadingLevel or maxHeadingLevel.

import TOCInline from '@theme/TOCInline';

<TOCInline toc={toc} />;

Tabela de conteúdo personalizada

As propriedades toc é apenas uma lista de itens de conteúdo:

type TOCItem = {
value: string;
id: string;
children: TOCItem[];
level: number;
};

Você pode criar esta árvore do TOC manualmente, ou derivar uma nova árvore do TOC da variável toc:

import TOCInline from '@theme/TOCInline';

<TOCInline
toc={
// Only show 3th and 5th top-level heading
[toc[2], toc[4]]
}
/>;

caution

O conteúdo subjacente é apenas um exemplo para ter mais itens de sumário disponíveis na página atual.

Seção Exemplo 1

Lorem ipsum

Exemplo de Subseção 1 a

Lorem ipsum

Exemplo de Subseção 1 b

Lorem ipsum

Exemplo de Subseção 1 c

Lorem ipsum

Seção de Exemplo 2

Lorem ipsum

Exemplo de Subseção 2 a

Lorem ipsum

Exemlo Subseção 2 b

Lorem ipsum

Exemplo de Subseção 2 c

Lorem ipsum

Seção Exemplo 3

Lorem ipsum

Exemplo de Subseção 3 a

Lorem ipsum

Exemplo Subseção 3 b

Lorem ipsum

Exemplo de Subseção 3 c

Lorem ipsum