Filters
FiltersPriceFilter
Standalone checkbox card for price level ($ to $$$$).
Filters
The standalone filter cards are v-model components you can compose freely outside the sidebar.
Components
<XRdFiltersPriceFilter />
Checkbox card for price level selection. Renders four options: $, $$, $$$, $$$$ mapped to numeric values 1–4.
<XRdFiltersPriceFilter v-model="selectedPriceLevels" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
modelValue | number[] | required | Array of selected price levels (1–4) |
AI Context
category: Filters
package: "@xenterprises/nuxt-x-restaurants"
components:
- XRdFiltersPriceFilter
use-when: >
Embedding a standalone v-model price level checkbox filter card ($ to $$$$)
outside of the main sidebar panel in a restaurant explore or search context.