Drawer
A panel that slides in over the page for filters, details or quick edits without leaving the current view. Right on desktop, bottom sheet on mobile.
Sides
<Drawer open={open} onClose={close} title="Filters" side="right" footer={…}>
…
</Drawer>Props
| Prop | Type | Default | Description |
|---|---|---|---|
open | boolean | — | Visibility. |
onClose | () => void | — | Esc, backdrop or close. |
title | ReactNode | — | Title. |
side | "right" | "bottom" | "right" | Edge. |
footer | ReactNode | — | Actions. |