Inline TOC

A collapsible table of contents to place inside a page.

Installation

npx shadcn@latest add @docscn/inline-toc

In MDX, Fumadocs MDX passes the page's headings as toc:

import { InlineTOC } from "@/components/docs/components/inline-toc";

<InlineTOC items={toc} />

Elsewhere, pass page.data.toc, or any TOCItemType[]. Children replace the "Table of Contents" label.

Prop

Type

Type table

A table of props or fields that expand to show their details.

Image zoom

An image that zooms in to fill the screen when clicked.