Amenity Picker
Chip-based amenity selector with a Command-powered overflow popover for searching the full list. The first maxQuickPick items are shown as chips (ordered by promotedIds when provided); remaining items are accessible via a searchable popover.
core/amenity-pickerInstallation
1 · Add registry to components.json
2 · Install component
Examples
Default
Default (array order) and promotedIds examples with a searchable More overlay.
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
itemsreq | AmenityItem[] | — | Full list of amenities — each with id, label, optional icon, category, and keywords. |
valuereq | string[] | — | Array of selected amenity IDs. |
onChangereq | (value: string[]) => void | — | Called when selection changes. |
maxQuickPick | number | 8 | Number of items shown as chips before the overflow button. |
promotedIds | string[] | — | IDs that appear first in the quick-pick chip row regardless of their position in items. Useful for surfacing "recommended" or property-specific amenities. |
searchPlaceholder | string | "Search amenities…" | Placeholder in the overflow combobox. |
disabled | boolean | — | Disables all interaction. |