Back

SearchInput

Basic Usage

With HTMX Debounce

Combine with HTMX for server-side search as you type.

Search results will appear here...

Usage

A search field with an icon. Works great with HTMX's delay trigger for debounced searches.

@forms.SearchInput(forms.SearchInputProps{
    Name:        "q",
    Placeholder: "Search...",
    Attrs: templ.Attributes{
        "hx-get":     "/search",
        "hx-trigger": "keyup changed delay:500ms",
    },
})