<Filter.Trigger
summary={search}
activeCount={2}
labels={defaultFilterLabels}
onClick={() => setOpen(true)}
/>;API
| Prop | Type | Default | |
|---|---|---|---|
activeCount | number | required | Number of active filters, shown as a badge. Keeps a filtered list from
reading as a short one; pass countActiveFilters(values). |
labels | FilterLabels | required | Every string this button shows. Filter.Root supplies it; standalone, pass
defaultFilterLabels or your own. |
summary | string | — | Current search text, or the placeholder when nothing is searched yet. |
Plus every <button> prop. Source: filter/components/filter-trigger.tsx.
activeCount is the prop that matters: pass countActiveFilters(values) and a
filtered list stops looking like a short one. It is a plain <button>, so
onClick and the rest are yours — Filter.Root wires
it to Filter.Panel for you.