# Vue Sidebar - Flowbite
#### Use the sidebar component to show a list of menu items and multi-level menu items on either side of the page to navigate on your website
The sidebar component can be used as a complementary element relative to the navbar shown on either the left or right side of the page used for the navigation on your web application, including menu items, multi-level menu items, call to actions elements, and more.
## Default sidebar
Use this example to show a responsive list of menu items inside the sidebar with icons and labels.
```vue
Dashboard
Kanban
Pro
Inbox
3
Users
Products
Sign In
Sign Up
```
## Multi-level menu
Use this sidebar example to create multi-level menu items by using the FwbSidebarDropdownItem component.
```vue
Dashboard
Kanban
Pro
E-commerce
Products Sign In Sign Up
```
## Content separator
```vue
Dashboard
Kanban
Pro
Inbox
3
Users
Products
Sign In
Sign Up
Upgrade to Pro
Documentation
Components
Help
```
## CTA button
```vue
Dashboard
Kanban
Pro
Inbox
3
Users
Products
Sign In
Sign Up
Preview the new Flowbite dashboard navigation! You can turn the new navigation off for a limited time in your profile.
Turn new navigation off
```
## Logo branding
```vue
Dashboard
Kanban
Pro
Inbox
3
Users
Products
Sign In
Sign Up
```
## API
### Sidebar component
#### Slots
| Name | Description |
|---------|-----------------|
| default | Sidebar content |
### SidebarCta component
#### Slots
| Name | Description |
|---------|-----------------|
| default | Sidebar content |
#### Props
| Name | type |
|-------|----------|
| label | `string` |
#### Events
| Name | Description |
|-------|----------------------|
| close | close button clicked |
### SidebarDropdownItem component
#### Slots
| Name | Description |
|------------|--------------------------|
| default | Dropdown content |
| icon | Dropdown item icon |
| trigger | Dropdown text |
| arrow-icon | Dropdown item arrow icon |
### SidebarItem
#### Slots
| Name | Description |
|---------|-----------------|
| default | Sidebar content |
| icon | Item icon |
| suffix | suffix content |
#### Props
| Name | type | default |
|------|----------|-------------|
| link | `string` | / |
| tag | `string` | router-link |
### SidebarItemGroup
#### Slots
| Name | Description |
|---------|---------------|
| default | Group content |
#### Props
| Name | type | default |
|--------|-----------|---------|
| border | `boolean` | `false` |
### SidebarLogo
#### Props
| Name | type | default |
|------|----------|---------------|
| name | `string` | |
| link | `string` | `/` |
| logo | `string` | |
| tag | `string` | `router-link` |