Inline TOC
Add Inline TOC into your documentation
Install to your codebase
Easier customization & control.
npx @fumadocs/cli@latest add inline-tocUsage
You can use it in your MDX content:
import { InlineTOC } from 'fumadocs-ui/components/inline-toc';
<InlineTOC items={toc}>Table of Contents</InlineTOC>Or adding it to every page.
import { DocsPage } from 'fumadocs-ui/layouts/docs/page';
import { InlineTOC } from 'fumadocs-ui/components/inline-toc';
export default function Page() {
// ...
return (
<DocsPage>
<InlineTOC items={page.data.toc}>Table of Contents</InlineTOC>
</DocsPage>
);
}Reference
Prop
Type
How is this guide?