FilterBar

App

Select, multiselect, daterange and text-based filter panel. Supports URL-based filtering via GET form submit.

Full filter set

Preview
Created at
Code
<FilterBar fields={fields} values={values} onChange={handleChange} onApply={handleApply} onReset={handleReset} />

Compact filters

Preview
Code
<FilterBar fields={fields.slice(0, 2)} values={values} onChange={handleChange} />
Sourcemodules/app/FilterBar.tsx