htmx/www/extensions/disable-element.md
Denis Palashevskii f44b04f1a1
Docs: Move extension script URL to the start of the page (#1232)
* Move extension script URL to the start of the page

* Improve visibility of installation instructions on /extensions page
2023-02-02 10:34:17 -07:00

706 B

layout title
layout.njk </> htmx - high power tools for html

The disable-element Extension

This extension disables an element during an htmx request, when configured on the element triggering the request.

Install

<script src="https://unpkg.com/htmx.org/dist/ext/disable-element.js">

Usage

Nominal case: disabling the element triggering the request

<button hx-get="/whatever" hx-ext="disable-element" hx-disable-element="self">Click me</button>

Disabling another element

<button hx-get="/whatever" hx-ext="disable-element" hx-disable-element="#to-disable">Click me</button>
<button id="to-disable">Watch me being disabled</button>