hx-pending

View as MarkdownOpen this page as Markdown
For LLMs
llms.txthtmx overview for LLMs
llms-full.txtComplete htmx docs for LLMs

Shows custom content during requests

On this page

The hx-pending attribute shows custom content while a request is in flight.

Note: This is an extension attribute. See the hx-pending extension for installation and full documentation.

Syntax

<button hx-post="/action" hx-pending="#loading-template">Submit</button>

The value is a CSS selector pointing to the content to show during the request.

Example

<template id="sending">
    <li class="pending">Sending...</li>
</template>

<form hx-post="/message" hx-target="#messages" hx-swap="beforeend" hx-pending="#sending">
    <input name="body">
    <button>Send</button>
</form>

See Also