Sha256: aa9df678945c1ebd09ec8acd1e4ce196a7bb56f3f362922eb78fb8593267f907
Contents?: true
Size: 760 Bytes
Versions: 494
Compression:
Stored size: 760 Bytes
Contents
// @flow
import React from 'react'
import { Tooltip, Button, Flex, FlexItem } from '../..';
const TooltipInteraction = (props) => {
return (
<Flex
flexDirection='row'
gap='md'
justifyContent='center'
wrap
>
<FlexItem>
<Tooltip
interaction
placement='top'
text="You can copy me"
zIndex={10}
{...props}
>
<Button text="With Interaction"/>
</Tooltip>
</FlexItem>
<FlexItem>
<Tooltip
placement='top'
text="I'm just a regular tooltip"
zIndex={10}
{...props}
>
<Button text="No Interaction"/>
</Tooltip>
</FlexItem>
</Flex>
)
}
export default TooltipInteraction
Version data entries
494 entries across 494 versions & 2 rubygems