Selectable chips, selection bar

Filter sets where the actions should only appear once something is picked.

Get Pro to installPro12 blocksReact, Vue and Figma

SizePick one

Teams2 selected

More in Filters#

Dashboards, reports, anything scoped to a date range

Oct 9 – Nov 7, 202630 days

43 transactionsNet +$24,623

StaplesOffice · CardPaidNov 7−$339

Acme CorpSales · Card · receiptPendingNov 6+$6,103

InitechSales · TransferRefundedNov 6+$741

StaplesOffice · Direct debit · receiptPendingNov 5−$119

Hotel AdlonTravel · Direct debit · invoicePaidNov 4−$876

and 38 more

Activity over time, where people think in shapes of days rather than in dates

People who know the range they want and would rather say it than click through a calendar

Data tables, transaction lists, record browsers

Ledgers where the totals matter as much as the rows

Tables people return to with the same filters: save a setup as a tab

Advanced filtering, faceted search, saved-filter bars: several fields, operators and values at once

Large lists where people want to know what a filter does before they commit to it

Reports and saved views where the filters should read like a question

Filters picked by tapping, one answer or several

Faceted filters where people should see what a choice would show before they make it

Filter sets where the actions should only appear once something is picked

A table long enough that scanning it is slower than narrowing it
Records scoped by time, where a preset range answers most of the questions asked of them
A catalogue with facets people combine: status and type and owner at once
A result list where conditions need to come off one at a time

The whole set, with its codePro

Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.