Sha256: f2a6e1904a9ec5516afdb0afc06f3d2cc9ea8c464747384c31ec80c8cb84142a
Contents?: true
Size: 1.06 KB
Versions: 944
Compression:
Stored size: 1.06 KB
Contents
import React from 'react'
import { Tooltip, Button, Flex } from 'playbook-ui'
const TooltipIcon = (props) => {
return (
<Flex flexDirection='row'
gap='md'
wrap
>
<Tooltip
icon='paper-plane'
placement='top'
text='Send Email'
zIndex={10}
{...props}
>
<Button text='Tooltip With Icon' />
</Tooltip>
<Tooltip
icon='paper-plane'
placement='bottom'
text='Send Email'
zIndex={10}
{...props}
>
<Button text='Tooltip With Icon' />
</Tooltip>
<Tooltip
icon='paper-plane'
placement='right'
text='Send Email'
zIndex={10}
{...props}
>
<Button text='Tooltip With Icon' />
</Tooltip>
<Tooltip
icon='paper-plane'
placement='left'
text='Send Email'
zIndex={10}
{...props}
>
<Button text='Tooltip With Icon' />
</Tooltip>
</Flex>
)
}
export default TooltipIcon
Version data entries
944 entries across 944 versions & 2 rubygems