Skip to main content

Advanced Filters Component

The AdvancedFiltersComponent provides a drawer-based UI for advanced filter management, including custom fields, suggestions, and fielded search.

Features​

  • Drawer UI for advanced filter management
  • Supports fielded search (content, title, location)
  • Provides suggestions and custom filter logic
  • Integrates with query parameters and stores

API Reference​

Methods​

MethodDescription
addItem(item: DropdownItem, filter: Filter)Adds a filter value to the selected filter.
removeItem(item: DropdownItem, filter: Filter)Removes a filter value from the selected filter.
onSearch()Applies all filters and updates the query.

Component Interaction Schema​

Store Interaction Schema​

Notes​

  • The advanced filters drawer is optional and can be used alongside the filters bar.
  • All filter state is managed via stores, ensuring consistency across the UI.