# Sidebar

<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&#x26;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&#x26;token=e0df813f-0d56-434a-9ae9-e18b7f965c4a" alt=""><figcaption></figcaption></figure>