Filters

The filter system has two layers. XRdFiltersAsideFilters is the primary, production-ready panel that reads its groups from useFilters() app config.

Components

<XRdFiltersAsideFilters />

Full sidebar filter panel with mobile/desktop responsive layout. Reads filter group configuration from useFilters(). On desktop, renders as a sticky aside; on mobile, shows a toggle button. Groups support checkbox, radio, and range types and can be collapsed.

<XRdFiltersAsideFilters />

Props

This component accepts no props. Configuration is driven by the useFilters() composable config, including title, fixed layout mode, showClearAll, and groups.

AI Context

category: Filters
package: "@xenterprises/nuxt-x-restaurants"
components:
  - XRdFiltersAsideFilters
use-when: >
  Building the primary sidebar filter panel for the restaurant explore page.
  Handles desktop sticky aside, mobile toggle/modal, collapsible groups,
  and checkbox/radio/range filter types via the useFilters() composable.