Sprig »

Search Live

Searches entries on keyup (Blitz, Campaign, Sherlock, etc.).


{{ sprig('_components/search-live') }}


{#--- _components/search-live.twig ---#}

{% set query = query ?? '' %}

<input sprig s-trigger="keyup changed delay:300ms" s-replace="#results" type="text" name="query" value="{{ query }}">

<div id="results">
  {% if query %}
    {% set entries = craft.entries.search(query).all() %}

    {% for entry in entries %}
      {{ entry.title }}
    {% endfor %}
  {% endif %}
</div>