Offcanvas

  1. UI Elements
  2. Offcanvas

Demo

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

Placement

Docs
Offcanvas Top
...
Offcanvas Right
...
Offcanvas Bottom
...

Backdrop

Docs
Colored with scrolling

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

Offcanvas with backdrop

.....

Backdroped with scrolling

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