Sliding panel overlay with position, size, and escape-key dismiss
| Prop | Type | Default | Description |
|---|---|---|---|
open | boolean | false | Controls visibility |
title | string | - | Drawer header title |
position | "left" | "right" | "right" | Slide-in direction |
size | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "md" | Panel width |
width | string | - | Arbitrary Tailwind width class (e.g. "w-[42rem]"); takes precedence over size |
headerActions | Snippet | - | Rendered in the header, left of the close button |
footer | Snippet | - | Pinned below the scrollable body — action rows / submit buttons that stay visible while content scrolls |
trapKeys | boolean | true | Block window-level keyboard events while open |
onclose | () => void | - | Close callback |