# Inline TOC (/components/inline-toc)



Useful when you want a collapsible TOC inside the page body.

## Installation [#installation]

Install the required packages.

## Configuration [#configuration]

Configure your MDX components.

## Usage [#usage]

Use the component in your content.

<InlineTOC
  items="[
  { title: 'Installation', url: '#installation', depth: 2 },
  { title: 'Configuration', url: '#configuration', depth: 2 },
  { title: 'Usage', url: '#usage', depth: 2 },
]"
>
  Table of Contents
</InlineTOC>