htmx-ext-busy

An htmx extension that visualizes busy states in target areas during requests by disabling their inner form elements and setting aria-busy="true".

Usage

Place hx-busy attribute the trigger element. It will mark busy the trigger itself.

<button hx-post="/foo" hx-busy>Foo</button>

The hx-busy value can be a comma-separated list of CSS selectors for target areas. Use the keyword this to refer to the trigger element itself.

<form hx-get="/foo" hx-swap="outerHTML" hx-busy="this, #foo, .bar">
  <button>Load Content</button>
</form>

<div id="foo">...</div>
<div class="bar">...</div>