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

📔 Use panels in layout stories

Browse source
This commit is contained in:
Steffo 2021-08-17 18:10:51 +02:00
parent 95632aacaa
commit bd9494ecf4
Signed by: steffo
GPG key ID: 6965406171929D01
2 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/layouts/LayoutFill.stories.jsx
View file

@ -3,6 +3,7 @@ import * as ReactDOM from "react-dom"
import * as Decorators from "../../utils/Decorators"
import { LayoutFill } from "./LayoutFill"
import { Bluelib } from "../Bluelib"
import { Box } from "../panels/Box"
export default {
@ -18,7 +19,9 @@ export default {
export const Default = props => (
<LayoutFill {...props}>
<LayoutFill.Single>
<Box>
Single
</Box>
</LayoutFill.Single>
</LayoutFill>
)

7
src/components/layouts/LayoutThreeCol.stories.jsx
View file

@ -2,6 +2,7 @@ import * as React from "react"
import * as ReactDOM from "react-dom"
import * as Decorators from "../../utils/Decorators"
import { LayoutThreeCol } from "./LayoutThreeCol"
import { Box } from "../panels/Box"
export default {
@ -17,13 +18,19 @@ export default {
export const Default = props => (
<LayoutThreeCol {...props}>
<LayoutThreeCol.Left>
<Box>
Left
</Box>
</LayoutThreeCol.Left>
<LayoutThreeCol.Center>
<Box>
Center
</Box>
</LayoutThreeCol.Center>
<LayoutThreeCol.Right>
<Box>
Right
</Box>
</LayoutThreeCol.Right>
</LayoutThreeCol>
)