Sha256: 057c92051a1f3a65d6b4e3cd7f3dd75f10b45edec26687cee91a5d18d40bef8c
Contents?: true
Size: 1.01 KB
Versions: 4
Compression:
Stored size: 1.01 KB
Contents
// @flow
import React from 'react'
import { Button, Tooltip, Flex, FlexItem } from 'playbook-ui';
const TooltipDelay = (props) => {
return (
<Flex
flexDirection='row'
gap='md'
wrap
>
<FlexItem>
<Tooltip
delay={1000}
placement='top'
text="1s open/close delay"
zIndex={10}
{...props}
>
<Button text="1s delay"/>
</Tooltip>
</FlexItem>
<FlexItem>
<Tooltip
delay={{
open: 1000
}}
placement='top'
text="1s open delay"
zIndex={10}
{...props}
>
<Button text="Open only"/>
</Tooltip>
</FlexItem>
<FlexItem>
<Tooltip
delay={{
close: 1000
}}
placement='top'
text="1s close delay"
zIndex={10}
{...props}
>
<Button text="Close only"/>
</Tooltip>
</FlexItem>
</Flex>
)
}
export default TooltipDelay
Version data entries
4 entries across 4 versions & 2 rubygems