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.

Selected values

Composite pickers keep selected values and the editable query inside one search surface. The box supplies the icon, pill, focus state and wrapping; each token remains independently removable.

Search box + tokens

Sizing

Md (default)

API

for ModelExpression

name / value string

placeholder string (default Search…)

label string (screen-reader label, default Search)

size XsSmMdLg (default Md)

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?

koala-search-box size XsSmMdLg (default Md)

koala-search-box width AutoBlock (default Block)

koala-search-token selected value + remove action