> For the complete documentation index, see [llms.txt](https://help.appybuilder.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.appybuilder.com/components/reference/effects/sidebar.md).

# Sidebar

**Sidebar** panel shows app main navigation menu. When sidebar is not used, it is invisible, and it is visible when the user swipes a finger from the left edge of the screen.

You can setup a headerImage and a list of icons from [here](https://fontawesome.com/cheatsheet)

**Triggering Sidebar.** Triggered when user picks (selects) an item from Sidbar

![](https://3777451846-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L93-jOwVwLojc0B0kcn%2F-LGh13KYJctn7InT8LbI%2F-LGh4Y1-zuQPiN4jRYiM%2Fimage.png?alt=media\&token=5cc2b50c-f0e5-4fa7-aca9-dc91c1a81e4a)

**Creating Sidebar.** You can create a Sidebar menu by following block, there are app's main options in the left edge of screen. The Sidebar is visible if user swipes a finger from left edge of screen.  

HeaderImagePath could be added from asset folder or point to the Internet or even you can leave it empty. Notice that for ListItems , it provides a CSV of items, and for ListIcons, it provides a CSV of icons from [here](https://fontawesome.com/cheatsheet)

![](https://3777451846-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L93-jOwVwLojc0B0kcn%2F-LGh13KYJctn7InT8LbI%2F-LGh83xPq-LKkhTnHaDV%2Fimage.png?alt=media\&token=734d98ca-25c0-43d6-8dc1-e83ec04f6bd9)

**Open Sidebar.** A Sidebar which is already created, can be opened using the following block: 

![](https://3777451846-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L93-jOwVwLojc0B0kcn%2F-LGh13KYJctn7InT8LbI%2F-LGhF1l1XGV3ZHUtcHi2%2Fimage.png?alt=media\&token=38740c68-2055-411b-a220-4a3b22a4fa3e)

**Checking Sidebar.** You can check if a Sidebar is opened or not  with the following block:

![](https://3777451846-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L93-jOwVwLojc0B0kcn%2F-LGh13KYJctn7InT8LbI%2F-LGhFccHctzZMnwHoe8k%2Fimage.png?alt=media\&token=5dc8ced6-07ee-4b72-84ac-930380b054fa)

**Closing Sidebar.** if you want to close a created Sidebar, you can use the below Sidebar , by entering the sidebar name:

![](https://3777451846-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L93-jOwVwLojc0B0kcn%2F-LGh13KYJctn7InT8LbI%2F-LGhGVM07RCDlo6UY7hE%2Fimage.png?alt=media\&token=105d37ef-2177-434a-9ebe-96a3627fc5d8)

**Tutorial.** Please check-out e-Book tutorial [HERE](https://help.appybuilder.com/tutorials/creating-e-book).