steffo/bluelib
steffo/bluelib
1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-22 11:34:21 +00:00
Code Activity

📔 Add nested panel stories

Browse source
This commit is contained in:
Steffo 2021-08-17 18:16:41 +02:00
parent c28c4bf77a
commit a16a2b9b2e
Signed by: steffo
GPG key ID: 6965406171929D01
4 changed files with 49 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/panels/Box.stories.jsx
View file

@ -22,3 +22,15 @@ export const Default = props => (
</Box>
)
Default.args = {}
export const Nested = props => (
<Box {...props}>
<Box>
<Box>
These are three nested Boxes.
</Box>
</Box>
</Box>
)
Nested.args = {}

12
src/components/panels/Dialog.stories.jsx
View file

@ -22,3 +22,15 @@ export const Default = props => (
</Dialog>
)
Default.args = {}
export const Nested = props => (
<Dialog {...props}>
<Dialog>
<Dialog>
These are three nested Dialogs.
</Dialog>
</Dialog>
</Dialog>
)
Nested.args = {}

12
src/components/panels/Panel.stories.jsx
View file

@ -22,3 +22,15 @@ export const Default = props => (
</Panel>
)
Default.args = {}
export const Nested = props => (
<Panel {...props}>
<Panel>
<Panel>
These are three nested Panels.
</Panel>
</Panel>
</Panel>
)
Nested.args = {}

13
src/components/panels/Parenthesis.stories.jsx
View file

@ -22,3 +22,16 @@ export const Default = props => (
</Parenthesis>
)
Default.args = {}
export const Nested = props => (
<Parenthesis {...props}>
<Parenthesis>
<Parenthesis>
These are three nested Parentheses.
</Parenthesis>
</Parenthesis>
</Parenthesis>
)
Nested.args = {}