Use Bootstrap's offcanvas component to display content from different directions. Add the offcanvas-start, offcanvas-end, offcanvas-top, or offcanvas-bottom classes to control the placement.

Control scrolling and backdrop in Bootstrap offcanvas. Enable body scrolling with data-bs-scroll="true", enable a backdrop with data-bs-backdrop="true", or activate both for a custom experience.

Create a dark-themed offcanvas in Bootstrap by adding the .text-bg-dark class to the <div class="offcanvas">. This adjusts the background and text for a dark appearance.

Dark Off-Canvas