Sha256: f3ebb84fba5f11191c65cce2362f6f54aedda33dbe78590d41d65ef25b741727
Contents?: true
Size: 725 Bytes
Versions: 1003
Compression:
Stored size: 725 Bytes
Contents
import React from 'react'
import { Tooltip, Button, Flex, FlexItem } from 'playbook-ui';
const TooltipInteraction = (props) => {
return (
<Flex
flexDirection='row'
gap='md'
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
1,003 entries across 1,003 versions & 2 rubygems