Offcanvas

Offcanvas examples

Add data-bs-toggle="offcanvas" and set data-bs-target attributes to initialize offcanvas trigger

You can add .offcanvas-{start|end|top|bottom} class to .offcanvas element to set the position

Set data-bs-backdrop attribute with true|false value to toggle the backdrop

Basic offcanvas

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

Offcanvas start

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

Offcanvas end

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

Offcanvas top

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.

Offcanvas with backdrop

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

Offcanvas without backdrop

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

© Clivax.
Crafted with by Codebucks