Offcanvas

This is the offcanvas body content. You can put any content here including text, images, forms, and more.

The offcanvas slides in from the side of the screen and can be dismissed by clicking the close button or clicking outside.

I won't close when you click outside of me. You must use the close button to dismiss this offcanvas.

This is useful for important content that requires user interaction before dismissing.

Try scrolling the rest of the page while this offcanvas is open.

The page content is still scrollable because data-bs-scroll="true" is set.

Both body scrolling and backdrop are enabled here.

The backdrop is visible but you can still scroll the page content.

This offcanvas has no backdrop overlay.

The page behind remains fully visible and interactive.