Dashnix

Offcanvas

Live demo

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

Body scrolling

Offcanvas with body scrolling

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

Body scrolling and backdrop

Backdrop with scrolling

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

Static backdrop

Offcanvas
I will not close if you click outside of me.

Placement Start

Offcanvas start
...

Placement Top

Offcanvas top
...

Placement Right

Offcanvas right
...

Placement Bottom

Offcanvas bottom
...

Template Settings