Skip to main content
Back to Blog
filters tabs lists ux

Tab-Based Filters

Swifty Team Mar 14, 2026 3 min read

Filters are powerful, but frequently used filters become tedious to re-apply. If your team regularly switches between "Open," "In Review," and "Closed" views of a list, applying the filter manually each time is friction that adds up. The filter selections aren't unusual or exploratory — they're the standard workflow views that the list always needs to show.

Tab-based filters make those recurring views one click away.

Named Filter Presets as Tabs

Configure a set of filter presets in the builder and expose them as tabs above the list. Each tab has a name ("Open," "This Week," "Mine," "Urgent") and a fixed set of filters that it applies. Clicking a tab activates those filters instantly.

The tabs appear as a row of labeled buttons above the list content. The active tab is highlighted. The list updates immediately when a tab is clicked — no search button, no apply button, just immediate filtering.

What Goes in a Tab

A tab's filters can combine any available filter types:

  • Status filters: "Open" applies a status = "open" filter
  • Date range filters: "This Week" applies a due date filter for the current week's dates
  • Assignee filters: "Mine" applies an assignee = "current user" filter
  • Multi-field combinations: "Urgent & Assigned" combines urgency level and assignment filters

Multiple filters in a single tab all apply simultaneously. A tab can be as simple (one filter) or as specific (four simultaneous filters) as the use case requires.

Stack with Additional Filters

Tab filters and the filter bar work together. Selecting a tab applies its baseline filters. The user can then apply additional filters on top — the tab's filters remain active, and the user's additional filters narrow the result further.

Switching tabs clears user-applied filters and applies the new tab's filters. This keeps the behavior predictable: the active tab's filters are always the foundation.

Dynamic Values

Tab filter values can be dynamic, not just static. An "Assigned to Me" tab uses the current user's ID as the filter value — the same tab configuration works for every user, each seeing records assigned to themselves. A "Due This Week" tab computes the date range at runtime.

These dynamic values are available as built-in options in the tab configuration — no expression writing required.

Visible in the Builder

Tabs are configured in the list component's settings panel. Each tab is a named filter set. Drag to reorder tabs. Set one as the default (the tab that's active when the page loads). Publish the configuration and tabs appear immediately on the live list.

Related posts

Composed Data Sources

Chain and relate data sources for rich dashboards — compose complex data views from simpler sources without writing code.

Computed Expressions

Transform data with template expressions and built-in functions — format, combine, and derive values from your data without code.

Cross-Source Data Joins

Combine data from multiple sources in one view — join records from your database with data from external services using a shared key.