diff --git a/src/components/panels/Box.stories.jsx b/src/components/panels/Box.stories.jsx index 5df8d79..f0d2563 100644 --- a/src/components/panels/Box.stories.jsx +++ b/src/components/panels/Box.stories.jsx @@ -34,3 +34,19 @@ export const Nested = props => ( ) Nested.args = {} + + +export const NestedMultiple = props => ( + + + This is the first Box in a Box. + + + This is the second Box in a Box. + + + This is the third Box in a Box. + + +) +NestedMultiple.args = {} diff --git a/src/components/panels/Dialog.stories.jsx b/src/components/panels/Dialog.stories.jsx index 0dde993..646a293 100644 --- a/src/components/panels/Dialog.stories.jsx +++ b/src/components/panels/Dialog.stories.jsx @@ -34,3 +34,19 @@ export const Nested = props => ( ) Nested.args = {} + + +export const NestedMultiple = props => ( + + + This is the first Dialog in a Dialog. + + + This is the second Dialog in a Dialog. + + + This is the third Dialog in a Dialog. + + +) +NestedMultiple.args = {} diff --git a/src/components/panels/Panel.stories.jsx b/src/components/panels/Panel.stories.jsx index 21f507e..aeef9cc 100644 --- a/src/components/panels/Panel.stories.jsx +++ b/src/components/panels/Panel.stories.jsx @@ -34,3 +34,19 @@ export const Nested = props => ( ) Nested.args = {} + + +export const NestedMultiple = props => ( + + + This is the first Panel in a Panel. + + + This is the second Panel in a Panel. + + + This is the third Panel in a Panel. + + +) +NestedMultiple.args = {} diff --git a/src/components/panels/Parenthesis.stories.jsx b/src/components/panels/Parenthesis.stories.jsx index 820f11f..6a4912e 100644 --- a/src/components/panels/Parenthesis.stories.jsx +++ b/src/components/panels/Parenthesis.stories.jsx @@ -35,3 +35,18 @@ export const Nested = props => ( ) Nested.args = {} + +export const NestedMultiple = props => ( + + + This is the first Parenthesis in a Parenthesis. + + + This is the second Parenthesis in a Parenthesis. + + + This is the third Parenthesis in a Parenthesis. + + +) +NestedMultiple.args = {}