Drawer

New

A focus-trapped overlay panel that enters from any viewport edge for contextual tasks.

Added in v2.6.0 · import from "@borneo/react"

Live previewPermalink to this section

The production component below reads its colour, shape, elevation and motion from the active design tokens.

Use it

Use a Drawer for supporting workflows that need more room than a popover without replacing the page.

Choose another pattern

Use Dialog for a short decision and a dedicated page for long, multi-step workflows.