Swapping

Swapping with HTMX involves dynamically replacing a portion of your webpage’s content with new data from the server without a full page reload, utilizing custom hx-swap attributes to define how the content should be transitioned. Out-of-bound swapping extends this concept by allowing parts of the webpage outside the target element to be updated simultaneously, specified by hx-swap-oob attribute, which is useful for updating multiple sections of a page in response to a single HTMX request. This mechanism facilitates more interactive and responsive web applications by minimizing the need for full page refreshes and enabling precise control over which parts of the page are updated.

Rizzy provides a component called HtmxSwappable along with a scoped service called HtmxSwapService to make this easier for you.