> ## Documentation Index
> Fetch the complete documentation index at: https://docs.runway.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Sidebar

> The sidebar hosts all your databases, models, and pages. As your workspace grows, keeping it organized makes it easier to skim through and find what you need.

## Default sidebar structure

When you first start using Runway, the sidebar includes:

* **Three customizable sections**: **Models, Databases, Pages.** You can rename, reorder, or delete these sections.
* **Static sections** that cannot be edited: **Integrations, Plans, Templates, and What’s New.**

  <img src="https://mintcdn.com/runway-5055a12e/wYNFXrpTLTSnjdee/images/sidebar/default-sidebar.png?fit=max&auto=format&n=wYNFXrpTLTSnjdee&q=85&s=dfcf575f331c4cbc1282cc8dc6b9b2ca" alt="" width="1597" height="850" data-path="images/sidebar/default-sidebar.png" />

## Sections for better organization

We recommend structuring the sidebar with **sections** to group related models, databases, and pages. For example, you might have:

* A section for **department pages**
* Another for **P\&L reports** at different levels of granularity
* A section for **executive reporting**

To create a new section, click the **+** button in the **top-right** of the sidebar, then give it a **name** and **icon**. It will appear as the first section.

<img src="https://mintcdn.com/runway-5055a12e/wYNFXrpTLTSnjdee/images/sidebar/created-section.png?fit=max&auto=format&n=wYNFXrpTLTSnjdee&q=85&s=e5f38ee1fc6e322c0527299e3a548f31" alt="" width="2340" height="1550" data-path="images/sidebar/created-section.png" />

You can **move** a section by dragging it to the right spot. To **rename or delete** a section, click the  button next to its name.

<img src="https://mintcdn.com/runway-5055a12e/wYNFXrpTLTSnjdee/images/sidebar/rename-delete-section.png?fit=max&auto=format&n=wYNFXrpTLTSnjdee&q=85&s=c958023943c05b4f5352f22c85ebfd7b" alt="" width="1226" height="804" data-path="images/sidebar/rename-delete-section.png" />

To add content within a section, click the **+** button next to the section name. Any **model, database, or page** created this way will be added to that section.

<img src="https://mintcdn.com/runway-5055a12e/wYNFXrpTLTSnjdee/images/sidebar/create-page.png?fit=max&auto=format&n=wYNFXrpTLTSnjdee&q=85&s=ce2ba45cf3fc6e256acc013ce5008732" alt="" width="3601" height="1001" data-path="images/sidebar/create-page.png" />

You can also **move existing items** into a section by dragging them. Additionally, you can **nest** models, databases, or pages under each other by dragging them beneath one another.

You can expand and collapse all elements in the sidebar in bulk with the shortcut `Cmd / Shift + Click` on any section in the sidebar, similar to excel's hide / show group behavior.

## Icons for easier scanning

Every **section, model, database, or page** in Runway can have an **emoji or icon** to make it easier to recognize at a glance.

* Runway offers **1,000+ icons** in nine colors.
* Emojis also support **skin tone variations**.

To change an icon for an existing section, models, databases, or pages, click the  button next to its name and select **"Rename"** From there, you can edit the name and choose a new icon.

When selecting an icon, you can switch between **icons and emojis** at the top of the selection panel and use **search** to find the right one. Icons also allow you to **customize colors**.

<img src="https://mintcdn.com/runway-5055a12e/wYNFXrpTLTSnjdee/images/sidebar/icons-picker.png?fit=max&auto=format&n=wYNFXrpTLTSnjdee&q=85&s=ca558dd9ef969683ba4936c55da3500c" alt="" width="1372" height="1178" data-path="images/sidebar/icons-picker.png" />
