Skip to content
Paramanu v0.1.0-alpha.0

Drawer

Drawer is a panel that slides in from any edge of the viewport. Useful for navigation menus, filters, and detail panels.

Basic Usage

import { Drawer, DrawerHeader, DrawerBody, DrawerFooter } from "@paramanu/overlays-react"


export default function App() {
return (
  <Drawer open placement="end" onClose={() => {}}>
    <DrawerHeader>Drawer Title</DrawerHeader>
    <DrawerBody>Content here.</DrawerBody>
    <DrawerFooter><button>Close</button></DrawerFooter>
  </Drawer>
)
}
<div class="pm-drawer pm-drawer--end pm-drawer--md" role="dialog" aria-modal="true">
<div class="pm-drawer__header">Drawer Title</div>
<div class="pm-drawer__body">Content here.</div>
<div class="pm-drawer__footer"><button>Close</button></div>
</div>