0% Complete

Offcanvas

Build hidden sidebars into your project for navigation, shopping carts, and more using Offcanvas.

#

Show

You can control the visibility of the Offcanvas by using the show property.

Offcanvas Title

And here's some amazing content. It's very engaging. Right?

#

Placements

placement property can be top, right, bottom or left.

Offcanvas from start
Offcanvas from end
Offcanvas starting from top
Offcanvas starting from bottom
#

Backdrop

backdrop property will activate a backdrop behind Offcanvas.

Offcanvas Title

And here's some amazing content. It's very engaging. Right?

Offcanvas Title

And here's some amazing content. It's very engaging. Right?

#

AutoClose

autoClose property enables Offcanvas automatically being closed by pressing Escape key or cliking outside of the Offcanvas component. User can close the Offcanvas by clicking on the backdrop if backdrop property is set to true or by pressing Escape key. User can also close the Offcanvas by clicking on the close button .

Offcanvas Title

And here's some amazing content. It's very engaging. Right?

Offcanvas Title

And here's some amazing content. It's very engaging. Right?

#

NoScroll

noScroll property will disable scrolling on the body when Offcanvas is open.

Offcanvas Title

And here's some amazing content. It's very engaging. Right?

Offcanvas Title

And here's some amazing content. It's very engaging. Right?

Offcanvas Title

And here's some amazing content. It's very engaging. Right?