diff --git a/src/components/panels/Box.stories.jsx b/src/components/panels/Box.stories.jsx
index d7c030d..5df8d79 100644
--- a/src/components/panels/Box.stories.jsx
+++ b/src/components/panels/Box.stories.jsx
@@ -22,3 +22,15 @@ export const Default = props => (
)
Default.args = {}
+
+
+export const Nested = props => (
+
+
+
+ These are three nested Boxes.
+
+
+
+)
+Nested.args = {}
diff --git a/src/components/panels/Dialog.stories.jsx b/src/components/panels/Dialog.stories.jsx
index 0fab4b9..0dde993 100644
--- a/src/components/panels/Dialog.stories.jsx
+++ b/src/components/panels/Dialog.stories.jsx
@@ -22,3 +22,15 @@ export const Default = props => (
)
Default.args = {}
+
+
+export const Nested = props => (
+
+)
+Nested.args = {}
diff --git a/src/components/panels/Panel.stories.jsx b/src/components/panels/Panel.stories.jsx
index 471a40a..21f507e 100644
--- a/src/components/panels/Panel.stories.jsx
+++ b/src/components/panels/Panel.stories.jsx
@@ -22,3 +22,15 @@ export const Default = props => (
)
Default.args = {}
+
+
+export const Nested = props => (
+
+
+
+ These are three nested Panels.
+
+
+
+)
+Nested.args = {}
diff --git a/src/components/panels/Parenthesis.stories.jsx b/src/components/panels/Parenthesis.stories.jsx
index 3daa7c8..820f11f 100644
--- a/src/components/panels/Parenthesis.stories.jsx
+++ b/src/components/panels/Parenthesis.stories.jsx
@@ -22,3 +22,16 @@ export const Default = props => (
)
Default.args = {}
+
+
+export const Nested = props => (
+
+
+
+ These are three nested Parentheses.
+
+
+
+)
+Nested.args = {}
+