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/2helper toPetalComponents.Helpersfor combining JS structs