Sha256: 73c64c048f18682a9d03c6a5a33742506ba4a108541dac3108e2c8d8944ef313
Contents?: true
Size: 1.04 KB
Versions: 158
Compression:
Stored size: 1.04 KB
Contents
import React from 'react'
import { Flex, FlexItem, Title } from '../../'
const FlexDefault = () => {
return (
<>
<div className="flex-doc-example">
<Title
size={4}
text="Row"
/>
<br />
<Flex
orientation="row"
>
<FlexItem>
{'1'}
</FlexItem>
<FlexItem>
{'2'}
</FlexItem>
<FlexItem>
{'3'}
</FlexItem>
<FlexItem>
{'4'}
</FlexItem>
</Flex>
<br />
<Title
size={4}
text="Column"
/>
<br />
<Flex
orientation="column"
vertical="left"
>
<FlexItem>
{'1'}
</FlexItem>
<FlexItem>
{'2'}
</FlexItem>
<FlexItem>
{'3'}
</FlexItem>
<FlexItem>
{'4'}
</FlexItem>
</Flex>
</div>
</>
)
}
export default FlexDefault
Version data entries
158 entries across 158 versions & 1 rubygems