1.2 KiB
+++
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 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-extis 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>