---
title: Table of Contents
description: Generate a table of contents for your markdown content.
lastUpdated: 08 Oct, 2024
links:
  source: https://github.com/logging-studio/RetroUI/blob/main/components/retroui/Tab.tsx
---

<ComponentShowcase name="toc-style-default" />
<br />
<br />

## Installation

<ComponentInstall>
  <ComponentInstall.Cli npmCommand="npx shadcn@latest add @retroui/toc" />
  <ComponentInstall.Manual>
  
#### 1. Copy the code 👇 into your project:

<ComponentSource name="toc" />

  </ComponentInstall.Manual>
</ComponentInstall>

<br />
<br />

## Examples

### Default

<ComponentShowcase name="toc-style-default" />
<br />
<br />


### Adjust depth

<ComponentShowcase name="toc-style-depth" />
<br />
<br />

### Manual data

<ComponentShowcase name="toc-style-manual" />
<br />
<br />