React Off-Canvas Menus

Offcanvas features support for a header that is equipped with a close button, in addition to an optional body class that may be used to add some initial padding.

When it is not feasible to include offcanvas headers with dismiss actions, you should either offer an explicit dismiss action or follow our recommendation to include them.

When a button is pressed, the Off-Canvas menu will show your content in a sidebar to the right of the screen. This makes it possible for you to highlight a certain component of your website within the side navigation panel, providing your site visitors with a more intuitive experience as a result.