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