mljr-ui · showcase

Collapse

Animated show/hide region driven by a Datastar signal. Max-height CSS transition, no JS.

primitive collapse

Usage

// Toggle button
primitive.Button(primitive.ButtonProps{},
    g.Attr("data-on:click", "$_collapseOpen=!$_collapseOpen"),
    g.Text("Toggle"),
)

// Collapse region (signals declared inside)
primitive.Collapse(primitive.CollapseProps{SignalName: "_collapseOpen"},
    h.P(g.Text("Hidden content...")),
)