Sha256: 837d1902ea2c0f5a47b27ae73816267393330fa8634e893997400efd3c68401a
Contents?: true
Size: 1.06 KB
Versions: 876
Compression:
Stored size: 1.06 KB
Contents
// @flow
import React from 'react'
import { Tooltip, Button, Flex } from '../..'
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
876 entries across 876 versions & 2 rubygems