HTMX

    Estimated reading time: less than 1 minute

    Kita Html provides type definitions for all HTMX attributes. Once enabled, attributes like hx-get, hx-post, hx-trigger, hx-target, and hx-swap are available on all HTML elements with autocomplete.

    Setup

    Create a src/kita.d.ts file in your project and add the triple-slash directive:

    src/kita.d.ts
    /// <reference types="@kitajs/html/htmx" />

    Usage

    <button hx-post="/api/click" hx-target="#count" hx-swap="innerHTML">
  Click me
</button>

<div id="count">0</div>

    Typed attributes include hx-trigger event specifications, hx-swap modifiers, and hx-ext.