+++ title = "hx-ext" description = """\ The hx-ext attribute in htmx enables one or more htmx extensions for an element and all its children. You can also \ use this attribute to ignore an extension that is enabled by a parent element.""" +++ The `hx-ext` attribute enables an htmx [extension](https://htmx.org/extensions) 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"` ```html
"Example" extension is used in this part of the tree...
... but it will not be used in this part.
``` ```html "preload" and "morph" extensions are used in this part of the tree... ```