Drawer

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

Note: 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.

Default

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

Code Editor

Custom Height

Code Editor

Callback

Run an action when the drawer has been dismissed.

Code Editor