Add resizable flyout docs section copy

elastic · Jan 8, 2024 · 4e337b6 · 4e337b6
1 parent 7df0120
commit 4e337b6
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/website/docs/02_components/layout/flyout/overview.mdx b/website/docs/02_components/layout/flyout/overview.mdx
@@ -79,3 +79,9 @@ To stop this growth at an ideal width, set `maxWidth` to `true`, or pass your ow
 Note that there are some caveats to providing a maxWidth that is smaller than the minWidth.
 
 :::
+
+## Resizable flyouts
+
+You can use **EuiFlyoutResizable** to render a flyout that users can drag with their mouse or use arrow keys to resize. This may be useful for scenarios where the space the user needs can be unpredictable, if content is dynamic. Resizable flyouts allow users to adjust content to better fit their individual screens and workflows.
+
+We strongly recommend setting reasonable numerical `minWidth` and `maxWidth` props based on the flyout content and page content that you _can_ predict.