Filters as a searchable menu of fields with nested options, and the applied ones as chips with an operator, values and a remove button.
npx shadcn@latest add @sphere-kit/filter-menuimport { FilterMenu, Filter, FilterField, FilterOperator, FilterOption, FilterMenuProps,} from "@/components/ui/filter-menu"Exports FilterMenu filterDatePresets filterDateRange Filter FilterField FilterOperator FilterOption FilterMenuProps. Every part takes its element's usual props and a className.
1 filter on funnels, links and experiments
[
{
"field": "source",
"operator": "is",
"values": [
"organic"
]
}
]