Sha256: b5f27e1e0275eb932ca781b038d9bdb532b2fa53dfd0b67a5a8da917a496a3c6
Contents?: true
Size: 1.65 KB
Versions: 5
Compression:
Stored size: 1.65 KB
Contents
import React from 'react'
import { Layout } from '../../'
const LayoutSizesDark = (props) => {
return (
<div>
<Layout
collapse="xs"
position="left"
size="xs"
variant="dark"
{...props}
>
<Layout.Side>
{'Side'}
</Layout.Side>
<Layout.Body>
{'Body'}
</Layout.Body>
</Layout>
<br />
<br />
<Layout
collapse="xs"
position="left"
size="sm"
variant="dark"
{...props}
>
<Layout.Side>
{'Side'}
</Layout.Side>
<Layout.Body>
{'Body'}
</Layout.Body>
</Layout>
<br />
<br />
<Layout
collapse="xs"
position="left"
size="md"
variant="dark"
{...props}
>
<Layout.Side>
{'Side'}
</Layout.Side>
<Layout.Body>
{'Body'}
</Layout.Body>
</Layout>
<br />
<br />
<Layout
collapse="xs"
position="left"
size="lg"
variant="dark"
{...props}
>
<Layout.Side>
{'Side'}
</Layout.Side>
<Layout.Body>
{'Body'}
</Layout.Body>
</Layout>
<br />
<br />
<Layout
collapse="xs"
position="left"
size="xl"
variant="dark"
{...props}
>
<Layout.Side>
{'Side'}
</Layout.Side>
<Layout.Body>
{'Body'}
</Layout.Body>
</Layout>
</div>
)
}
export default LayoutSizesDark
Version data entries
5 entries across 5 versions & 1 rubygems