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

📔 Add NestedMultiple story to panels

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

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

@ -34,3 +34,19 @@ export const Nested = props => (
</Box> </Box>
) )
Nested.args = {} Nested.args = {}
export const NestedMultiple = props => (
<Box {...props}>
<Box>
This is the first Box in a Box.
</Box>
<Box>
This is the second Box in a Box.
</Box>
<Box>
This is the third Box in a Box.
</Box>
</Box>
)
NestedMultiple.args = {}

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

@ -34,3 +34,19 @@ export const Nested = props => (
</Dialog> </Dialog>
) )
Nested.args = {} Nested.args = {}
export const NestedMultiple = props => (
<Dialog {...props}>
<Dialog>
This is the first Dialog in a Dialog.
</Dialog>
<Dialog>
This is the second Dialog in a Dialog.
</Dialog>
<Dialog>
This is the third Dialog in a Dialog.
</Dialog>
</Dialog>
)
NestedMultiple.args = {}

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

@ -34,3 +34,19 @@ export const Nested = props => (
</Panel> </Panel>
) )
Nested.args = {} Nested.args = {}
export const NestedMultiple = props => (
<Panel {...props}>
<Panel>
This is the first Panel in a Panel.
</Panel>
<Panel>
This is the second Panel in a Panel.
</Panel>
<Panel>
This is the third Panel in a Panel.
</Panel>
</Panel>
)
NestedMultiple.args = {}

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

@ -35,3 +35,18 @@ export const Nested = props => (
) )
Nested.args = {} Nested.args = {}
export const NestedMultiple = props => (
<Parenthesis {...props}>
<Parenthesis>
This is the first Parenthesis in a Parenthesis.
</Parenthesis>
<Parenthesis>
This is the second Parenthesis in a Parenthesis.
</Parenthesis>
<Parenthesis>
This is the third Parenthesis in a Parenthesis.
</Parenthesis>
</Parenthesis>
)
NestedMultiple.args = {}