Skip to content

Drawer

Display content in a separate view from the existing context. Also referred to as a Sheet.

This component is not intended to be used alone. Instead, other components that use modality should render their contents inside of a Drawer on small viewports. See our Modal component for an example.

Only use a Drawer to render content on small viewports. Shown here at any viewport for demonstration.

Code Editor
Code Editor

Run an action when the drawer has been dismissed.

Code Editor