Active search — hasil pencarian yang update saat user mengetik.

Pattern

<input name="q" type="search"
       hx-get="/api/search"
       hx-trigger="keyup changed delay:300ms"
       hx-target="#results"
       hx-indicator="#search-spinner"
       placeholder="Cari..." />
<span id="search-spinner" class="htmx-indicator">🔍</span>
<div id="results"></div>

Key Features

• keyup changed — hanya trigger jika value berubah
• delay:300ms — debounce 300ms
• hx-indicator — loading spinner

Server Response

<ul>
  <li>Hasil 1</li>
  <li>Hasil 2</li>
</ul>

Ini menggantikan search-as-you-type yang biasanya butuh banyak JavaScript.