PatternFly

Drawer

A drawer is a sliding panel that enters from the right edge of the viewport. It can be configured to either overlay content on a page or create a sidebar by pushing that content to the left.

Demos

Collapsed

Collapsed screenshot

Expanded

Expanded screenshot

Expanded bottom

Expanded bottom screenshot
Drawer with jump links screenshot
Expanded drawer with jump links screenshot

Documentation

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


View source on GitHub