1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-23 20:14:21 +00:00
bluelib/src/components/layouts/LayoutThreeCol.stories.jsx

38 lines
883 B
React
Raw Normal View History

2021-08-17 15:45:29 +00:00
import * as React from "react"
import * as ReactDOM from "react-dom"
import * as Decorators from "../../utils/Decorators"
import { LayoutThreeCol } from "./LayoutThreeCol"
2021-08-17 16:10:51 +00:00
import { Box } from "../panels/Box"
2021-08-17 15:45:29 +00:00
export default {
component: LayoutThreeCol,
title: "Layouts/LayoutThreeCol",
decorators: [Decorators.Bluelib, Decorators.Fill],
parameters: {
layout: "fullscreen",
},
}
export const Default = props => (
<LayoutThreeCol {...props}>
<LayoutThreeCol.Left>
2021-08-17 16:10:51 +00:00
<Box>
Left
</Box>
2021-08-17 15:45:29 +00:00
</LayoutThreeCol.Left>
<LayoutThreeCol.Center>
2021-08-17 16:10:51 +00:00
<Box>
Center
</Box>
2021-08-17 15:45:29 +00:00
</LayoutThreeCol.Center>
<LayoutThreeCol.Right>
2021-08-17 16:10:51 +00:00
<Box>
Right
</Box>
2021-08-17 15:45:29 +00:00
</LayoutThreeCol.Right>
</LayoutThreeCol>
)
Default.args = {}