itsscb/htmx
1
0
Fork 0
mirror of https://github.com/bigskysoftware/htmx.git synced 2025-09-28 13:31:06 +00:00
Code Issues Packages Projects Releases Wiki Activity
htmx/www/content/attributes/hx-ext.md
Zixian d890547012
Adding example to hx-ext documentation (#3109) 
* Update hx-ext.md

* Update hx-ext.md

* Update www/content/attributes/hx-ext.md

Co-authored-by: Vincent <vichenzo-thebaud@hotmail.com>

* Update hx-ext.md

---------

Co-authored-by: Vincent <vichenzo-thebaud@hotmail.com>
2025-01-16 08:27:51 +01:00

1003 B
Raw Blame History

+++ title = "hx-ext" +++

The hx-ext attribute enables an htmx extension for an element and all its children.

The value can be a single extension name or a comma-separated list of extensions to apply.

The hx-ext tag may be placed on parent elements if you want a plugin to apply to an entire swath of the DOM, and on the body tag for it to apply to all htmx requests.

Notes

  • hx-ext is both inherited and merged with parent elements, so you can specify extensions on any element in the DOM hierarchy and it will apply to all child elements.

  • You can ignore an extension that is defined by a parent node using hx-ext="ignore:extensionName"

<div hx-ext="example">
  "Example" extension is used in this part of the tree...
  <div hx-ext="ignore:example">
    ... but it will not be used in this part.
  </div>
</div>

<body hx-ext="preload,morph">
  "preload" and "morph" extensions are used in this part of the tree...
</body>