# 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&#x26;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&#x26;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&#x26;token=9a4b1603-a2f6-4dc0-83b2-c8e0695bd8d3" alt=""></div>
