Filters
FiltersCuisineFilter
Standalone checkbox card for filtering by cuisine type.
Filters
The standalone filter cards are v-model components you can compose freely outside the sidebar.
Components
<XRdFiltersCuisineFilter />
Standalone checkbox list card for selecting one or more cuisine types.
<XRdFiltersCuisineFilter
v-model="selectedCuisines"
:cuisines="[{ id: 'italian', label: 'Italian' }, { id: 'thai', label: 'Thai' }]"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
modelValue | string[] | required | Array of selected cuisine IDs |
cuisines | { id: string; label: string }[] | required | Available cuisine options |
AI Context
category: Filters
package: "@xenterprises/nuxt-x-restaurants"
components:
- XRdFiltersCuisineFilter
use-when: >
Embedding a standalone v-model cuisine type checkbox filter card outside
of the main sidebar panel in a restaurant explore or search context.