The Data Grid's filter bar. A popover picks a column and its value, and each filter becomes a chip whose operator and value can be changed on their own. Text, number, date, option and multi-option columns each get their own editor.
Files · 1
Dependencies
npm packages
@base-ui/react
Registry items
@mizzle/data-grid-icons
@mizzle/input
@mizzle/button
@mizzle/menu
@mizzle/use-data-grid-filters
@mizzle/use-debounced-callback
@mizzle/data-grid-filters
Registry Items
data-grid-filter
Configuration
Name
data-grid-filter
Type
UI
Description
The Data Grid's filter bar. A popover picks a column and its value, and each filter becomes a chip whose operator and value can be changed on their own. Text, number, date, option and multi-option columns each get their own editor.