Skip to main content
CustomerFilters component

​
Props

​
filters
CustomerFiltersType
required
filters
​
onFilterChange
<K extends keyof CustomerFiltersType>( key: K, value: CustomerFiltersType[K] ) => void
required
onFilterChange
​
onFiltersChange
(filters: Partial<CustomerFiltersType>) => void
required
onFiltersChange
​
onReset
() => void
required
onReset
​
onPresetApply
(presetId: string) => void
required
onPresetApply
​
onStatusToggle
(status: CustomerStatus) => void
required
onStatusToggle
​
activePreset
FilterPreset | null
required
activePreset
​
hasFilters
boolean
required
hasFilters
​
totalCount
number
required
totalCount
​
filteredCount
number
required
filteredCount

​
Usage

import { CustomerFilters } from '@/components/CustomerFilters';

export default function Example() {
  return (
    <CustomerFilters filters={filters} onFilterChange={onFilterChange} onFiltersChange={onFiltersChange} onReset={onReset} onPresetApply={onPresetApply} onStatusToggle={onStatusToggle} activePreset={activePreset} hasFilters={hasFilters} totalCount={totalCount} filteredCount={filteredCount} />
  );
}