An off-canvas pane must be placed before the frame of your app. This allows the frame to animate in and out along with the pane.
The pane can be positioned at the top, right, bottom, or left of the screen with the `position` attribute.
Add the `detached` class to an off-canvas to change how the animation works. Instead of sliding with the frame, the off-canvas pane will stay in place, as the pane slides to reveal the pane.
Lastly, the off-canvas pane supports the coloring classes `primary` and `dark`: