Drawer

To best show the functionality of drawers, we put all demos in iframes. Click the links above the iframe to view the demo in a full browser window.

It's worth noting that we also use icons in this demo, which aren't loaded by default. In order to properly include icons in your own project, you'll need to load in the Material Icons stylesheet:

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

Temporary Drawer

View in separate window

Persistent Drawer

View in separate window

Permanent drawer above toolbar

View in separate window

Permanent drawer below toolbar

View in separate window