diff --git a/packages/react/src/components/Grid/Grid.stories.js b/packages/react/src/components/Grid/Grid.stories.js index c10956c72385..42e5913ec184 100644 --- a/packages/react/src/components/Grid/Grid.stories.js +++ b/packages/react/src/components/Grid/Grid.stories.js @@ -36,58 +36,6 @@ export default { ], }; -export const ATestSubgrid = () => { - return ( - <> -
Wide
- - - - - - - - - - - - - - -
Narrow
- - - - - - - - - - - - - - -
Condensed
- - - - - - - - - - - - - - - - ); -}; - export const Default = () => { return ( @@ -162,49 +110,97 @@ export const Responsive = () => ( export const Subgrid = () => { return ( - - -

Small: Span 2 of 4

-

Medium: Span 4 of 8

-

Large: Span 3 of 16

-
- -

Small: Span 2 of 4

-

Medium: Span 4 of 8

-

Large: Span 10 of 16

- - -

sm={1}

md={1}

lg={2}

-
- -

sm={1}

md={1}

lg={2}

-
- -

sm={0}

md={1}

lg={1}

-
- -

sm={0}

md={1}

lg={1}

-
- -

sm={0}

md={0}

lg={1}

-
- -

sm={0}

md={0}

lg={1}

-
- -

sm={0}

md={0}

lg={1}

-
- -

sm={0}

md={0}

lg={1}

-
-
-
- -

Small: Span 0 of 4

-

Medium: Span 0 of 8

-

Large: Span 3 of 16

-
-
+ <> + + +

Small: Span 2 of 4

+

Medium: Span 4 of 8

+

Large: Span 3 of 16

+
+ +

Small: Span 2 of 4

+

Medium: Span 4 of 8

+

Large: Span 10 of 16

+ + +

sm={1}

md={1}

lg={2}

+
+ +

sm={1}

md={1}

lg={2}

+
+ +

sm={0}

md={1}

lg={1}

+
+ +

sm={0}

md={1}

lg={1}

+
+ +

sm={0}

md={0}

lg={1}

+
+ +

sm={0}

md={0}

lg={1}

+
+ +

sm={0}

md={0}

lg={1}

+
+ +

sm={0}

md={0}

lg={1}

+
+
+
+ +

Small: Span 0 of 4

+

Medium: Span 0 of 8

+

Large: Span 3 of 16

+
+
+ +
Wide
+ + + + + + + + + + + + + + +
Narrow
+ + + + + + + + + + + + + + +
Condensed
+ + + + + + + + + + + + + + + ); };