Filters Bar
Search + date + filter button row for table pages. Shows an active filter count badge.
import
{ FiltersBar } from "@pepulux/ui"Default
⌘K
With active filters
⌘K
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| searchPlaceholder | string | "Search" | Placeholder text in the search input |
| onSearch | (query: string) => void | — | Called when the search value changes |
| onDateSelect | () => void | — | Called when the date button is clicked |
| onFilters | () => void | — | Called when the Filters button is clicked |
| activeFiltersCount | number | 0 | Shows badge on Filters button with count |
| selectedDateLabel | string | — | Label shown in the date button when a date is selected |
| children | ReactNode | — | Additional controls inserted between search and date |