Drawer

Datastar-gated slide-in side panel. Right or left placement, three sizes.

overlay drawer

Controls

placement

size

Current props

placement: ""
size: ""

Usage

// trigger
h.Button(g.Attr("data-on:click", "$drawerOpen=true"), g.Text("Open drawer"))

// panel (rendered once per page, outside triggers)
overlay.Drawer(overlay.DrawerProps{Title: "Settings", OpenExpr: "$drawerOpen"},
    h.P(g.Text("Drawer body content.")),
)

All combinations (6)

Enum controls only · bool and text use defaults

right · sm

right · md

right · lg

left · sm

left · md

left · lg

Props

Name	Type	Options	Default
`placement`	enum	`right, left`	`right`
`size`	enum	`sm, md, lg`	`md`