> For the complete documentation index, see [llms.txt](https://docs.flipabit.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.flipabit.dev/layers/navigation-layer/display-table-of-contents.md).

# Display Table of contents

Some apps may need to provide a way to make setup or configuration choices. The others apps need to display table of contents.

## Menu

Usually the menu slides in from the left and contains the navigation destinations or settings controls for your app.

<div align="left"><img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukRHBAq0BMCR4lpr%2Fnavigation_menu_samples3.png?alt=media&amp;token=37547b50-0c8e-4b5b-8bb4-290e5cdefd17" alt=""></div>

## Table of contents

To add TOC menu:

1. Select Navigation layer in Navigator
2. Select File > Import
3. Open TOC.pmc file from components folder
4. TOC widget will be added

<div align="left"><img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukOa0qujo_rKdCt3%2Fgif_navigate_pmc_toc.gif?alt=media&amp;token=431ed549-4fb3-45e6-a677-8173137ebb4e" alt=""></div>

To customize TOC menu:

1. Select TOC widget
2. Open Font Inspector
3. Adjust font settings
4. Open Style Inspector
5. Adjust background

<div align="left"><img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukOb480at0KlWlJO%2Fgif_navigate_pmc_toccolor.gif?alt=media&amp;token=9a4b1603-a2f6-4dc0-83b2-c8e0695bd8d3" alt=""></div>
