From 07dae71bf13656c22eb3047c3118c47ab7d086d2 Mon Sep 17 00:00:00 2001 From: Lukas Harbarth Date: Tue, 17 Sep 2024 13:35:29 +0200 Subject: [PATCH 1/2] docs(Grid): outline limitations --- packages/main/src/components/Grid/index.tsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/main/src/components/Grid/index.tsx b/packages/main/src/components/Grid/index.tsx index 475d708d004..6a8aab448a1 100644 --- a/packages/main/src/components/Grid/index.tsx +++ b/packages/main/src/components/Grid/index.tsx @@ -83,6 +83,8 @@ const getIndentFromString = (indent: string, currentRange: Range) => { /** * A layout container component used for aligning items with various sizes in a simple grid. + * + * __Note:__ The `Grid` component is only applying grid styles on the first level of its children. If you want to define a more complex grid, we recommend implementing a standard [CSS grid layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout). */ const Grid = forwardRef((props, ref) => { const { From a59cd61d951372e3cf45520ac15ac1580d2c217b Mon Sep 17 00:00:00 2001 From: Lukas Harbarth Date: Tue, 17 Sep 2024 13:38:26 +0200 Subject: [PATCH 2/2] docs(Gird): outline limitations --- packages/main/src/components/Grid/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/main/src/components/Grid/index.tsx b/packages/main/src/components/Grid/index.tsx index 6a8aab448a1..6ed241dee40 100644 --- a/packages/main/src/components/Grid/index.tsx +++ b/packages/main/src/components/Grid/index.tsx @@ -84,7 +84,7 @@ const getIndentFromString = (indent: string, currentRange: Range) => { /** * A layout container component used for aligning items with various sizes in a simple grid. * - * __Note:__ The `Grid` component is only applying grid styles on the first level of its children. If you want to define a more complex grid, we recommend implementing a standard [CSS grid layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout). + * __Note:__ The `Grid` component is only applying grid styles only on the first level of its children. If you want to define a more complex grid, we recommend implementing a standard [CSS grid layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout). */ const Grid = forwardRef((props, ref) => { const {