@agala-labs/ui

Select

Selects one or more values from a searchable, collision-aware top-layer listbox.

Examples

<AgalaSelect v-model="country" :options="countries" searchable clearable />

import { AgalaSelect } from '@agala-labs/ui'

Prop	Type	Default	Description
`options`	`SelectOption[]`	—	Required option collection.
`modelValue`	`string \| string[]`	—	Selected value(s).
`multiple`	`boolean`	`false`	Enables multi-select.
`searchable`	`boolean`	`false`	Shows filtering input.
`clearable`	`boolean`	`false`	Allows clearing the selection.
`loading`	`boolean`	`false`	Shows a loading state.
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Control size.
`placeholder`	`string`	—	Empty selection copy.
`maxDisplayed`	`number`	—	Maximum visible chips.
`maxSelections`	`number`	—	Selection limit.
`error / errorMessage`	`boolean / string`	—	Validation state and copy.

Implements combobox/listbox semantics with keyboard navigation, selected state, and expanded state.