---
title: "FacetValueFacetedFilter"
generated: true
---
<GenerationInfo sourceFile="packages/dashboard/src/lib/components/data-table/data-table-facet-value-faceted-filter.tsx" sourceLine="60" packageName="@vendure/dashboard" since="3.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,
    },
  }}
/>
```

```ts title="Signature"
function FacetValueFacetedFilter<TData, TValue>(props: DataTableFacetedFilterProps<TData, TValue>): void
```
Parameters

### props

<MemberInfo kind="parameter" type={`DataTableFacetedFilterProps<TData, TValue>`} />

