Grid Quick Filter

ProNew

A search field that filters every column at once, with a clear button, Escape to clear and a polite match count.

Customize

This item has no props to tune. Use the lens above to change theme, density, direction and more.

Use it as the first control above any grid. Pass the same text to filterRows from the kit.


pnpm dlx shadcn@latest add @tealmac-pro/grid-quick-filter

Prop	Type	Description
`value`	`string`	The search text.
`onChange`	`(value) => void`	Called on every change and on clear.
`matchCount`	`number`	Announced to screen readers when text is present.
`placeholder`	`string`	Default: Search all columns.

A search input with an accessible name; Escape clears it and a labelled button does the same.
The match count is a polite status, not a live region that repeats on every key.