Skip to main content
InboxFilters component

Props

filters
InboxFiltersType
required
filters
onFilterChange
<K extends keyof InboxFiltersType>( key: K, value: InboxFiltersType[K] ) => void
required
onFilterChange
onReset
() => void
required
onReset
onPresetApply
(presetId: string) => void
required
onPresetApply
onStatusToggle
(status: InboxStatus) => void
required
onStatusToggle
onTypeToggle
(type: InboxCallType) => void
required
onTypeToggle
activePreset
InboxFilterPreset | null
required
activePreset
hasFilters
boolean
required
hasFilters
totalCount
number
required
totalCount
filteredCount
number
required
filteredCount
presets
InboxFilterPreset[]
required
presets

Usage

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

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