@@include('../layouts/head-page-meta.html', {'title': 'Offcanvas'}) @@include('../layouts/head-css.html')
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html')
@@include('../layouts/component/component-menu-list.html')
@@include('../layouts/component/component-breadcrumb.html',{ title:'Offcanvas', text:'Build hidden sidebars into your project for navigation, shopping carts, and more with a few classes and our JavaScript plugin.', link:'https://getbootstrap.com/docs/5.2/components/offcanvas/' })

##### Live demo

##### Offcanvas

Content for the offcanvas goes here. You can place just about any Bootstrap component or custom elements here.
Link with href

##### Offcanvas

##### $746.5k +20.6

Past 30 days

Customer | Plan | MRP
--- | --- | ---
Logicoma | Team | -$72
UAC | Team | $199
Biffco | Team | -$72
Matsumura | Team | -$72
Biffco | Team | -$72
Logicoma | Team | -$72
UAC | Team | $199
Biffco | Team | -$72
Matsumura | Team | -$72
Biffco | Team | -$72

##### Placement

##### Offcanvas top

###### Some Title

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

##### Offcanvas right

##### $746.5k +20.6

Past 30 days

Customer | Plan | MRP
--- | --- | ---
Logicoma | Team | -$72
UAC | Team | $199
Biffco | Team | -$72
Matsumura | Team | -$72
Biffco | Team | -$72
Logicoma | Team | -$72
UAC | Team | $199
Biffco | Team | -$72
Matsumura | Team | -$72
Biffco | Team | -$72

##### Offcanvas bottom

###### Some Title

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

##### Backdrop

##### Colored with scrolling

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

#### Main Title

###### Some Title

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

###### Some Title

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

###### Some Title

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

##### Offcanvas with backdrop

This is "Default behavior" of offcanvas.

#### Main Title

###### Some Title

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

###### Some Title

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

###### Some Title

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

##### Backdroped with scrolling

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

#### Main Title

###### Some Title

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

###### Some Title

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

###### Some Title

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

@@include('../layouts/footer-js.html') @@include('../layouts/component/layout-component-footer-js.html') @@include('../layouts/customizer.html')