#### Offcanvas

Offcanvas with href

##### Offcanvas

Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.

##### Offcanvas

Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.

##### Offcanvas Right

Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.

##### Offcanvas Bottom

Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.

##### Colored with scrolling

Try scrolling the rest of the page to see this option in action.

##### Offcanvas with backdrop

Try scrolling the rest of the page to see this option in action.

##### Backdroped with scrolling

Try scrolling the rest of the page to see this option in action.

#####

#####

#####

#####

#####

#####

#####

            Offcanvas with href

                Offcanvas

                Some text as placeholder. In real life you can have
                the elements you have chosen. Like, text, images,
                lists, etc.

                Offcanvas

                Some text as placeholder. In real life you can have
                the elements you have chosen. Like, text, images,
                lists, etc.

                Offcanvas Right

                Some text as placeholder. In real life you can have
                the elements you have chosen. Like, text, images,
                lists, etc.

                Offcanvas Bottom

                Some text as placeholder. In real life you can have
                the elements you have chosen. Like, text, images,
                lists, etc.

                Colored with scrolling

                Try scrolling the rest of the page to see this option
                in action.

                Offcanvas with backdrop

                Try scrolling the rest of the page to see this option
                in action.

                Backdroped with scrolling

                Try scrolling the rest of the page to see this option
                in action.

#### Settings

###### Theme

Light Dark

###### Theme Direction

LTR RTL

###### Theme Colors

###### Layout Type

Vertical
Horizontal

###### Container Option

Boxed Full

###### Sidebar Type

Full
Collapse

###### Card With

Border Shadow

##### Quick Page Links

- Analytics /dashboards/dashboard1
- eCommerce /dashboards/dashboard2
- CRM /dashboards/dashboard3
- Contacts /apps/contacts
- Posts /apps/blog/posts
- Detail /apps/blog/detail/streaming-video-way-before-it-was-cool-go-dark-tomorrow
- Shop /apps/ecommerce/shop
- Modern /dashboards/dashboard1
- Dashboard /dashboards/dashboard2
- Contacts /apps/contacts
- Posts /apps/blog/posts
- Detail /apps/blog/detail/streaming-video-way-before-it-was-cool-go-dark-tomorrow
- Shop /apps/ecommerce/shop