From 860fd48bf5acc0b31ec1da8de3a956401764e42d Mon Sep 17 00:00:00 2001 From: Michel Engelen <32863416+michelengelen@users.noreply.github.com> Date: Mon, 10 Jun 2024 16:26:30 +0200 Subject: [PATCH] [docs] improve the writing on the "Quick filter outside of the grid" example (#13155) Signed-off-by: Michel Engelen <32863416+michelengelen@users.noreply.github.com> Co-authored-by: Sycamore <71297412+samuelsycamore@users.noreply.github.com> --- docs/data/data-grid/filtering-recipes/filtering-recipes.md | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/docs/data/data-grid/filtering-recipes/filtering-recipes.md b/docs/data/data-grid/filtering-recipes/filtering-recipes.md index 02e7115a12b72..6f2f60c5c4d1a 100644 --- a/docs/data/data-grid/filtering-recipes/filtering-recipes.md +++ b/docs/data/data-grid/filtering-recipes/filtering-recipes.md @@ -8,8 +8,10 @@ title: Data Grid - Filtering customization recipes ## Quick filter outside of the grid -Currently if you want to use the [Quick filter](/x/react-data-grid/filtering/quick-filter/) feature you need to use from the toolbar component slot. +The [Quick Filter](/x/react-data-grid/filtering/quick-filter/) component is typically used in the Data Grid's Toolbar component slot. -A common use case is to have certain components positioned outside of the grid. Because of the way the grid context works this might not be a straightforward thing to do. The example below illustrates how this use case can be achieved. +Some use cases may call for placing components like the Quick Filter outside of the Grid. +This requires certain considerations due to the Grid's context structure. +The following example shows how to accomplish this: {{"demo": "QuickFilterOutsideOfGrid.js", "bg": "inline", "defaultCodeOpen": false}}