Sha256: a7e6d19c88ca4d4143e27a4a848e869a881225ae737f1947d44aef84b5701503
Contents?: true
Size: 963 Bytes
Versions: 20
Compression:
Stored size: 963 Bytes
Contents
import React from 'react'
import { Flex, FlexItem, Title } from '../..'
const FlexInline = () => {
return (
<>
<Title
size={4}
text="Row"
/>
<br />
<Flex
className="bg_light"
inline
>
<FlexItem>
{'1'}
</FlexItem>
<FlexItem>
{'2'}
</FlexItem>
<FlexItem>
{'3'}
</FlexItem>
<FlexItem>
{'4'}
</FlexItem>
</Flex>
<br />
<Title
size={4}
text="Column"
/>
<br />
<Flex
className="bg_light"
inline
orientation="column"
>
<FlexItem>
{'1'}
</FlexItem>
<FlexItem>
{'2'}
</FlexItem>
<FlexItem>
{'3'}
</FlexItem>
<FlexItem>
{'4'}
</FlexItem>
</Flex>
</>
)
}
export default FlexInline
Version data entries
20 entries across 20 versions & 1 rubygems