PrimitivesSelect & inputSearch

Search

Find records with the same pill, icon and focus treatment as mega search. Use it with an ordinary form, or connect it to an application-owned endpoint and results region for live search.

<koala-search-input>

Form search

Submits its enclosing form after a short debounce

Live results

The shared component owns the search field, debounce and loading state. The application endpoint owns permission checks, searching its DTOs and rendering results, so one search can safely combine different collections.

search-url + results-id

Search by client name, email, transaction reference or address.

Sizing

Compact container

Wide container

API

for ModelExpression

name / value string

placeholder string (default Search…)

label string (screen-reader label, default Search)

submit-on-input bool (default true)

search-url string? (remote results endpoint)

results-id string? (remote replacement target)

autofocus bool

x-model string?

class string?