Form fields·loomora/Autocomplete
⚙Related configs↗Autocomplete
An accessible combobox-style picker with configurable options, selected values, search, and multi-selection limits.
Interactive live playground
Tweak props, change states, and see the live component respond in real time.
How to call
Import directly from the Loomora package root. For projects without Tailwind CSS, ensure loomora/dist/index.css is imported once in your root layout.
import { Autocomplete } from 'loomora'
<Autocomplete label="Choose a component" options={options} properties={{
value, onChange: (next) => setValue(String(next ?? '')),
}} />API reference
Important public props and how they affect rendering.
| Prop | Type | Default | Description |
|---|---|---|---|
| options | AutocompleteOption[] | [] | Selectable option records. |
| properties.value | string | number | array | — | Current selected value(s). |
| properties.onChange | callback | required | Receives selected value(s) and selected option(s). |
| properties.multiple | boolean | false | Enables multi-select mode. |
| properties.searchable / onSearch | boolean / callback | — | Enables option filtering and search updates. |
| properties.min / max | number | — | Selection count constraints in multiple mode. |