Offcanvas

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

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

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

backdrop property will activate a backdrop behind Offcanvas.

autoClose property enables Offcanvas automatically being closed by pressing Escape key or clicking 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.

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