Koala logo Design
No matches for “
↑↓ navigate open Esc close
PrimitivesSelect & inputSelect

Select

Pick one value from a known list. An accessible listbox — arrow-key navigation, a selected checkmark, self-contained state — that posts through a hidden input so it round-trips through model binding and validation. The trigger reuses the field-input chrome, so selects sit identically beside text fields.

<koala-select>

Enum

Data-driven options

Secondary text

Time options

time-step="15"
optional empty option

Dependent content

Inline

Hi — your quote is ready.

API

for ModelExpression (enum, or scalar with options)
name / target-input / x-model Alternative value ownership
options IReadOnlyList<KoalaSelectOption>?
time-step 1–1440 minutes
time-min / time-max HH:mm
empty-option-label string?
label string?
hide-label / aria-label Accessible label-free row controls
placeholder string (default Select…)
optional bool
exclude-values string (enum mode, default Unknown)
disabled bool
disabled-when Alpine expression
size XsMd
inline bool — compact, content-width and baseline-aligned