Filters
FiltersAmenitiesFilter
Standalone checkbox card for amenity options with icons.
Filters
The standalone filter cards are v-model components you can compose freely outside the sidebar.
Components
<XRdFiltersAmenitiesFilter />
Checkbox card for amenity selection. Each amenity can optionally include an icon.
<XRdFiltersAmenitiesFilter
v-model="selectedAmenities"
:amenities="[
{ id: 'wifi', label: 'Free WiFi', icon: 'i-lucide-wifi' },
{ id: 'parking', label: 'Parking', icon: 'i-lucide-car' }
]"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
modelValue | string[] | required | Array of selected amenity IDs |
amenities | { id: string; label: string; icon?: string }[] | required | Available amenity options |
AI Context
category: Filters
package: "@xenterprises/nuxt-x-restaurants"
components:
- XRdFiltersAmenitiesFilter
use-when: >
Embedding a standalone v-model amenities checkbox filter card with optional
icons outside of the main sidebar panel in a restaurant explore or search context.