Phoenix LiveView Bindings
Here is a table of all the bindings available in Phoenix LiveView and whether they are available in LiveViewJS.
info
These bindings actually come from Phoenix LiveView since
we use the same client-side JavaScript library. The table below denotes which bindings are "Supported" in LiveViewJS
and which are not. Bindings below marked with ✅ are working and tested and most of them have example usage in the
examples
codebase. Those with ?
, we have not gotten around to testing so not sure if they work. Those marked with ❌
are not yet implemented and known not to work.
Binding | Attribute | Supported |
---|---|---|
Params | phx-value-* | ✅ |
Click Events | phx-click | ✅ |
Click Events | phx-click-away | ✅ |
Form Events | phx-change | ✅ |
Form Events | phx-submit | ✅ |
Form Events | phx-feedback-for | ✅ |
Form Events | phx-disable-with | ✅ |
Form Events | phx-trigger-action | ﹖ |
Form Events | phx-auto-recover | ﹖ |
Focus Events | phx-blur | ✅ |
Focus Events | phx-focus | ✅ |
Focus Events | phx-window-blur | ✅ |
Focus Events | phx-window-focus | ✅ |
Key Events | phx-keydown | ✅ |
Key Events | phx-keyup | ✅ |
Key Events | phx-window-keydown | ✅ |
Key Events | phx-window-keyup | ✅ |
Key Events | phx-key | ✅ |
DOM Patching | phx-update | ✅ |
DOM Patching | phx-remove | ﹖ |
JS Interop | phx-hook | ✅ |
Rate Limiting | phx-debounce | ✅ |
Rate Limiting | phx-throttle | ✅ |
Static Tracking | phx-track-static | ❌ |