Data

Ask filter

shadcn add @detent-pro/filter

Props 9

labelstring: A small label above the bar: what's being filtered.
placeholderstring: Default 'Ask for what you want to see'
read(text: string, signal: AbortSignal) => Promise<Clause[]>Required: Reads what was typed into clauses. Your model goes here; abort when `signal` fires.
count(filters: Filter[]) => numberRequired: How many results a set of filters leaves. Called once per option to give the range while it asks.
totalnumberRequired: How many there are with no filters.
unitstring: Default 'results'
readback(filters: Filter[]) => string: The filters said back in plain words, for the line under them.; Default (f) => f.map((x) => x.value).join(' · ')
suggestionsstring[]: Questions to offer before anything is typed.; Default []
onFilters(filters: Filter[]) => void

Through a ref: type(), submit(), answer(), open(), choose(), clear()

usage.tsx

<AskFilter
  read={read}
  count={count}
  total={total}
/>

19 Pro components, 12 whole screens and 1 template. The source lands in your project, yours to change, with every update for life.

~~$99~~$79once

Full refund within 14 days, no questions.