Sha256: e9c05716db1ef2747c3707a09315eb4b2a047af23e3f175a554132378e980a20
Contents?: true
Size: 1.07 KB
Versions: 152
Compression:
Stored size: 1.07 KB
Contents
import React from 'react'
import { Body, Layout } from '../../'
const LayoutColor = () => {
return (
<div>
<Layout
collapse="md"
position="left"
size="sm"
>
<Layout.Side>
{'Light'}
</Layout.Side>
<Layout.Body>
{'Body'}
</Layout.Body>
</Layout>
<br />
<br />
<Layout
collapse="md"
position="left"
size="sm"
variant="dark"
>
<Layout.Side>
<Body
dark
text="Dark"
/>
</Layout.Side>
<Layout.Body>
{'Body'}
</Layout.Body>
</Layout>
<br />
<br />
<Layout
collapse="md"
position="left"
size="sm"
variant="gradient"
>
<Layout.Side>
<Body
dark
text="Gradient"
/>
</Layout.Side>
<Layout.Body>
{'Body'}
</Layout.Body>
</Layout>
</div>
)
}
export default LayoutColor
Version data entries
152 entries across 152 versions & 1 rubygems