Sha256: c1073f9788b7a371b5994029d6d026ac26fdba5dd9955424d868555a35fb5ec8
Contents?: true
Size: 1.52 KB
Versions: 1919
Compression:
Stored size: 1.52 KB
Contents
import React from 'react'
import Layout from '../_layout'
const LayoutSizes = (props) => {
return (
<div>
<Layout
collapse="xs"
position="left"
size="xs"
{...props}
>
<Layout.Side>
{'Side'}
</Layout.Side>
<Layout.Body>
{'Body'}
</Layout.Body>
</Layout>
<br />
<br />
<Layout
collapse="xs"
position="left"
size="sm"
{...props}
>
<Layout.Side>
{'Side'}
</Layout.Side>
<Layout.Body>
{'Body'}
</Layout.Body>
</Layout>
<br />
<br />
<Layout
collapse="xs"
position="left"
size="md"
{...props}
>
<Layout.Side>
{'Side'}
</Layout.Side>
<Layout.Body>
{'Body'}
</Layout.Body>
</Layout>
<br />
<br />
<Layout
collapse="xs"
position="left"
size="lg"
{...props}
>
<Layout.Side>
{'Side'}
</Layout.Side>
<Layout.Body>
{'Body'}
</Layout.Body>
</Layout>
<br />
<br />
<Layout
collapse="xs"
position="left"
size="xl"
{...props}
>
<Layout.Side>
{'Side'}
</Layout.Side>
<Layout.Body>
{'Body'}
</Layout.Body>
</Layout>
</div>
)
}
export default LayoutSizes
Version data entries
1,919 entries across 1,919 versions & 2 rubygems