Sha256: a174d808f334162b591d4e4cce4cc6e883717fb1a9d1978bd591a5f205d4e7a6
Contents?: true
Size: 735 Bytes
Versions: 4
Compression:
Stored size: 735 Bytes
Contents
// @flow
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
4 entries across 4 versions & 2 rubygems