1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-23 03:54:21 +00:00

📔 Use panels in layout stories

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

View file

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

View file

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