Skip to content

v3.2.0

Latest

Choose a tag to compare

@mplatts mplatts released this 04 Apr 23:10
· 1 commit to main since this release

Composable JS Hooks (#239)

Components now accept Phoenix.LiveView.JS struct attrs so you can compose additional actions alongside built-in component behavior:

<.dropdown on_close={JS.push("dropdown_closed")} />
<.modal on_open={JS.push("modal_opened")} />
<.alert on_dismiss={JS.push("alert_dismissed")} color="info" label="Dismissable!" />

New attrs

Component Attrs
Modal on_open
Slide Over on_open, on_close
Dropdown on_close (LiveView.JS only)
Accordion on_toggle (LiveView.JS only)
Menu on_toggle (LiveView.JS only)
Alert on_dismiss (with built-in hide behavior)
Tabs on_change
  • Added compose_js/2 helper to PetalComponents.Helpers for combining JS structs