# TableOfContents

**Kind:** Component

**Source:** [`atloria-monorepo/packages/ui-react/src/components/TableOfContents.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/packages/ui-react/src/components/TableOfContents.tsx#L54)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `entries` | `TocEntry[]` | ✓ | - |
| `onNavigate` | `Function` | - | - |
| `title` | `string` | - | "On This Page" |
| `className` | `string` | - | "" |
| `scrollOffset` | `number` | - | 80 |

## Diagram

```mermaid
graph TD
    component_TableOfContents_1fddc5c5["TableOfContents"]
    class component_TableOfContents_1fddc5c5 rootComponent
```

## Relationships

- RENDERS → `ChevronDown`
- RENDERS → `ChevronRight`
- RENDERS → `X`
- RENDERS → `List`
- USES_HOOK → `useState`
- USES_HOOK → `useMemo`
- USES_HOOK → `useActiveSection`
- USES_HOOK → `useCallback`