Skip to main content
February 9, 2026|James Coyle|
Design & EngineeringNew FeaturesWeb
Anvil2 has released Toolbar Filters, available for immediate use. Anvil now provides a standardized filter pattern for design system consumers. Designers get a consistent filter experience across pages—filter buttons, selection feedback, and placement patterns. Developers get Toolbar.Filters with five prebuilt filter types (boolean, single select, multi select, date, and custom) plus full control over how filters apply and when.
Toolbar Filters is in beta. We ship beta components when they meet our standards for accessibility, performance, and visual quality. The API may be refined based on real-world usage. For more on what beta means, see Understanding Beta Features.

​
Live Demo

​
How Toolbar Filters works in Anvil

Toolbar Filters is the primary component for filtering data on a page. It lives inside Toolbar as Toolbar.Filters and adapts to available space with wrap or collapse overflow behavior.

​
Filter types

Five filter types cover common filtering scenarios:
  • Boolean — Simple on/off toggle. The filter button indicates the current state; clicking activates or deactivates.
  • Single Select — Dropdown list with one selection. The selected option appears in the filter button label.
  • Multi Select — Multiple options from a list. A chip shows the count of selected items when active.
  • Date — Single date or date range with a calendar picker. Dates display in a compact, accessible format.
  • Custom — Full flexibility for specialized filter interfaces. Define custom render functions for both popover and drawer views.

​
All Filters and the drawer

Every Toolbar Filters group includes an “All Filters” button that opens a filter drawer. The drawer displays all filters in one place and supports batch updates—users can adjust multiple filters before clicking Apply. When filters overflow (wrap or collapse), hidden filters remain accessible through the drawer. At smaller breakpoints (xs and sm), inline filters hide and only the drawer trigger remains visible. Filter fetching supports instant (default), apply per-filter, and batch modes. Instant filtering applies results as soon as the user selects; apply per-filter adds Apply and Cancel to each filter popover; the drawer always uses batch mode. For full anatomy, options, and when to use (or avoid) Toolbar Filters, see the Toolbar Filters design and code docs.
Last modified on February 19, 2026