Signal Animate

Clientside Interactivitycore-ui/interactive ↗

Toggle a CSS class when a signal changes — the same primitive drives several transition styles. Each example is one signal + one class.

Live

Slides open via max-height.

Fades and lifts in (opacity + transform).

Example

// One signal drives a CSS class toggle — wire any transition you like.
panel := html.Div(html.DivConfig{Class: "panel"}, render.Text("…"))
interactive.AnimateOnSignal(panel, "open", "is-shown")
interactive.ToggleLocal(ui.Button(ui.ButtonConfig{Label: "Toggle"}), "open")