Sha256: 5868d0be3b38ff83fa35f4b31e3dcd32537614b18ab0b3226e6b29a372b02d56
Contents?: true
Size: 1.15 KB
Versions: 432
Compression:
Stored size: 1.15 KB
Contents
// @flow
import React from 'react'
import { Tooltip, Flex, FlexItem } from '../..';
const TooltipDefaultReact = (props) => {
return (
<Flex
flexDirection='row'
gap='md'
justifyContent='center'
wrap
>
<FlexItem>
<Tooltip
className={"customClassNameHere"}
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
432 entries across 432 versions & 2 rubygems