PrimitivesSelect & inputSelect

Select

Pick one value from a known list. An accessible listbox with arrow-key navigation and a selected checkmark; the caller owns form controls and consequences through its change event. The trigger reuses the field-input chrome, so selects sit identically beside text fields.

<koala-select>

Enum

Role

Data-driven options

Branch

Secondary text

Referring agent (optional)

Times

a quarter-hour list the page builds

Opening time

with a leading empty option

Closing time (optional)

Dependent content

Role

Inline

Hi , your quote is ready.

API

for Model expression for label, validation and enum-option presentation metadata

value / value-expression Initial value or caller-owned Alpine expression read by the listbox

koala-select-change Bubbling event with detail.value and detail.label; caller owns posting and consequences

options IReadOnlyList<KoalaSelectOption>? (required unless for= names an enum)

label string?

hide-label / aria-label Accessible label-free row controls

placeholder string (default Select…)

optional bool

disabled bool

disabled-when Alpine expression

size XsMd

inline bool: compact, content-width and baseline-aligned