Drawer

A drawer is a sliding panel that enters from outside of the viewport, which can be configured to either overlay content or create a sidebar by pushing content.

Demos

Expanded resizable viewport drawer

Use isViewport to position the drawer as fixed so it fills the viewport. Place the drawer after <Page> as a sibling. Omit children of <DrawerContent> so the content container stays empty; the empty container is still required so the panel can overlay the page.

Expanded resizable viewport drawer screenshot