Filters
FiltersDietaryFilter
Standalone checkbox card for dietary preference options.
Filters
The standalone filter cards are v-model components you can compose freely outside the sidebar.
Components
<XRdFiltersDietaryFilter />
Checkbox card for dietary preference selection. Defaults to vegetarian, vegan, gluten-free, halal if no options are provided.
<XRdFiltersDietaryFilter
v-model="selectedDietary"
:options="['vegetarian', 'vegan', 'gluten-free', 'halal']"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
modelValue | string[] | required | Array of selected dietary option strings |
options | string[] | ['vegetarian', 'vegan', 'gluten-free', 'halal'] | Available dietary options |
AI Context
category: Filters
package: "@xenterprises/nuxt-x-restaurants"
components:
- XRdFiltersDietaryFilter
use-when: >
Embedding a standalone v-model dietary preference checkbox filter card
outside of the main sidebar panel in a restaurant explore or search context.