Sha256: 6362c4d5af2d6e15439e213c72a2d928d5bd71a0e64e569879008fe0d8e48167
Contents?: true
Size: 712 Bytes
Versions: 65
Compression:
Stored size: 712 Bytes
Contents
import React from 'react'
import {
Overlay,
Card,
Flex,
FlexItem,
} from '../..'
const InlineCardsExample = () => {
return (
<Flex
columnGap="lg"
orientation="row"
overflowX="auto"
>
{Array.from({ length: 15 }, (_, index) => (
<FlexItem key={index}>
<Card>{"Card Content"}</Card>
</FlexItem>
))}
</Flex>
)
}
const OverlayMultiDirectional = () => (
<>
<Overlay
color="card_light"
layout={{"x": "xl"}}
>
<InlineCardsExample />
</Overlay>
</>
)
export default OverlayMultiDirectional
Version data entries
65 entries across 65 versions & 2 rubygems