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