Sha256: 234c95a679f646aef2f4e285abb0e2140d1e38eb36b680d8b6dcad3cd66be5cb
Contents?: true
Size: 1.17 KB
Versions: 673
Compression:
Stored size: 1.17 KB
Contents
import React from 'react'
import { Flex, FlexItem, Title } from 'playbook-ui'
const FlexDefault = (props) => {
return (
<>
<Title
size={4}
text="Row"
{...props}
/>
<br />
<div className="flex-doc-example">
<Flex
orientation="row"
{...props}
>
<FlexItem>
{'1'}
</FlexItem>
<FlexItem>
{'2'}
</FlexItem>
<FlexItem>
{'3'}
</FlexItem>
<FlexItem>
{'4'}
</FlexItem>
</Flex>
</div>
<br />
<Title
size={4}
text="Column"
{...props}
/>
<br />
<div className="flex-doc-example">
<Flex
align="start"
orientation="column"
{...props}
>
<FlexItem>
{'1'}
</FlexItem>
<FlexItem>
{'2'}
</FlexItem>
<FlexItem>
{'3'}
</FlexItem>
<FlexItem>
{'4'}
</FlexItem>
</Flex>
</div>
</>
)
}
export default FlexDefault
Version data entries
673 entries across 673 versions & 2 rubygems