Welcome
Click the button to update all panels
put commands in sequence<template hx type="partial">)Several put commands update different parts of the page:
Click the button to update all panels
Waiting...
One response carries several fragments, each naming its target:
process partials command did it for you and retired
in 4.0. With htmx 4 loaded beside hyperfixi, the server returns
<template hx type="partial" hx-target="#id"> elements (or hx-swap-oob)
and htmx distributes them.
Click the button above
Alerts will append here...
Simulates fetching a dashboard response with multiple components:
Activity will appear here...
hyperfixi 3.x distributed <hx-partial> elements with a process partials
command, which retired with core's htmx layer in 4.0. For server-driven multi-target responses, load htmx 4
beside hyperfixi and return the templates above (or elements with hx-swap-oob); the explicit
updates above are the hyperscript-only approach.
put commandshx-swap| Attribute | Description |
|---|---|
hx-target |
CSS selector for the target element (defaults to the template's id) |
hx-swap |
Swap style (innerHTML, beforeend, etc.; defaults to htmx's default swap) |
| htmx 4 (in the response) | hyperscript (in the page) |
|---|---|
<div id="x" hx-swap-oob="true"> |
put data.x into #x |
<template hx type="partial" hx-target="#x" hx-swap="beforeend"> |
put data.x at end of #x |