# Filter toolbar

Keep collection filters close and easy to reset.

- ID: `filter-toolbar`
- Import: `animui/filter-toolbar`
- Category: Data
- Runtime exports: `FilterMenu`, `FilterToolbar`, `default`
- Declaration: `types/free/components/filter-toolbar.d.ts`
- Type provenance: emitted-original-typescript
- Related: sortable-data-table, chip-group, search-field, multi-select, pagination

```tsx
import { FilterMenu } from 'animui/filter-toolbar';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info filter-toolbar` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { FilterMenu, FilterToolbar, default } from '../registry/components/filter-toolbar/filter-toolbar.js';
export type { FilterChip, FilterField, FilterMenuProps, FilterOption, FilterToolbarProps } from '../registry/components/filter-toolbar/filter-toolbar.js';
```