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

# Sidebar

Help the users navigate through your product

<figure><img src="https://3985976695-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT3t4pDs63s3Soj1JetJw%2Fuploads%2FONLp15zinmKHuGvQ3HNg%2Fsidebar.gif?alt=media&amp;token=40868c8f-50cc-4641-9d66-db08d4a87fe1" alt=""><figcaption><p>Sidebar in action</p></figcaption></figure>

Component: `<Sidebar />`

File: `src/components/Sidebar/Sidebar.tsx`

Usage

```jsx
import { SideBar } from "@/components/organisms/Sidebar/Sidebar";

<SideBar currentPage={currentPage} />
```

| Prop        | Type   | Description            |
| ----------- | ------ | ---------------------- |
| currentPage | Routes | The current page Route |

Example:

<figure><img src="https://3985976695-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT3t4pDs63s3Soj1JetJw%2Fuploads%2F8PABbLZPJ99iNmSoE7KE%2Fimage.png?alt=media&amp;token=e0df813f-0d56-434a-9ae9-e18b7f965c4a" alt=""><figcaption></figcaption></figure>