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

Collapsed

Collapsed screenshot

Expanded

Expanded screenshot

Expanded bottom

Expanded bottom screenshot
Collapsed drawer with jump links screenshot
Expanded drawer with jump links screenshot

Documentation

This demo implements the drawer in context of the page component.