Sha256: 3d16040d9ac6e073407c407a21c35d9fdc4dc05e05589399f535a95007eae9d7
Contents?: true
Size: 1.07 KB
Versions: 1003
Compression:
Stored size: 1.07 KB
Contents
import React from 'react'
import { Tooltip, Flex, FlexItem } from 'playbook-ui';
const TooltipDefaultReact = (props) => {
return (
<Flex
flexDirection='row'
gap='md'
wrap
>
<FlexItem>
<Tooltip
placement='top'
text="Whoa. I'm a Tooltip"
zIndex={10}
{...props}
>
{'Hover here (Top)'}
</Tooltip>
</FlexItem>
<FlexItem>
<Tooltip
placement='bottom'
text="Whoa. I'm a Tooltip"
zIndex={10}
{...props}
>
{'Hover here (Bottom)'}
</Tooltip>
</FlexItem>
<FlexItem>
<Tooltip
placement='right'
text="Whoa. I'm a Tooltip"
zIndex={10}
{...props}
>
{'Hover here (Right)'}
</Tooltip>
</FlexItem>
<FlexItem>
<Tooltip
placement='left'
text="Whoa. I'm a Tooltip"
zIndex={10}
{...props}
>
{'Hover here (Left)'}
</Tooltip>
</FlexItem>
</Flex>
)
}
export default TooltipDefaultReact
Version data entries
1,003 entries across 1,003 versions & 2 rubygems