Back
Drawer
Side Drawers
Left Navigation
Medium Drawer
The default 320px width. Great for settings panels or detail views.
Content area
Large Drawer
A 384px wide drawer for richer content like forms.
Top & Bottom
Banner Notification
A new version of mljr-ui is available! Check it out
Quick Actions
Backdrop Options
Drawers can be shown without dimming the background.
Floating Panel
This drawer doesn't block the rest of the UI. You can still interact with the page while this is open.
Usage
@overlays.DrawerTrigger("my-drawer") {
<button>Open</button>
}
@overlays.Drawer(overlays.DrawerProps{
ID: "my-drawer",
Title: "Settings",
Side: "right", // "left" | "right" | "top" | "bottom"
Size: "md", // "sm" | "md" | "lg" | "xl" | "full"
HideBackdrop: false, // optional
}) {
<p>Drawer content here.</p>
}