# XWUITableOfContents

A heading outline. The title is XWUITypography. The rows are XWUITree, so nested headings expand and link.

Pass `items`, or set `rootId` to an element id and the component reads `h2`–`h4` inside it. A heading without an id receives one so the link can scroll to it.

## Basic Usage

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A nested outline rendered as a tree.
```