FacetValueFacetedFilter

@vendure/dashboard Sourcev3.6.0

A faceted filter component for filtering by facet values. Designed to be used with the facetedFilters prop on the ListPage or PaginatedListDataTable components.

Unlike the standard DataTableFacetedFilter which uses pre-defined options, this component supports server-side search and paginated browsing using the same UX as the FacetValueSelector.

Example

Tsx

<ListPage  listQuery={productListDocument}  additionalColumns={{    facetValueId: {      header: '',      cell: () => null,      enableSorting: false,      enableHiding: false,      enableColumnFilter: false,    },  }}  facetedFilters={{    facetValueId: {      title: t`Facet values`,      component: FacetValueFacetedFilter,    },  }}/>

Signature

function FacetValueFacetedFilter<TData, TValue>(props: DataTableFacetedFilterProps<TData, TValue>): void

Parameters

props

parameterDataTableFacetedFilterProps<TData, TValue>