PrimitivesSelect & inputSearch

Search

Find records with the same pill, icon and focus treatment as mega search. The caller authors the native search field, binding and transport; the component owns its chrome and search-specific interaction states.

<koala-search-input>

Form search

Caller-owned debounced form submission

Live results

The page owns the request, loading state and replacement target. The component renders the field and reflects the page's loading state.

Caller-owned results request

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

Default

Composed searches

A helper can compose this box with a .koala-result-menu of its own suggestions. Address finder is the one that does.

API

label string (screen-reader label, default Search)

size MdXs (default Md): Md is the button and field box; Xs only for a dense side-panel list

collapse NeverMobile

Always (default Never): collapse to an icon and expand over the row; Always for a row that is narrow at every width, such as a panel band

loading Alpine expression? (trailing spinner state)

in-form bool (default false): the form-field surface, for a search that is one field of a form

class string?

input koala-search-field caller-authored type=search input; owns name, value, placeholder, disabled, autofocus and bindings

koala-search-box width AutoBlock (default Block)

koala-search-token selected value + remove action