Sha256: f6c93218eb348c679f4d1380646ec07059c5828e02317a2cca209b4635681495
Contents?: true
Size: 907 Bytes
Versions: 382
Compression:
Stored size: 907 Bytes
Contents
// @flow
import React, { useState } from 'react'
import { Button, Body, Flex, FlexItem, Tooltip } from '../..'
const TooltipShowTooltipReact = (props) => {
const [showTooltip, setShowTooltip] = useState(true);
return (
<Flex
flexDirection='column'
gap='md'
wrap
>
<FlexItem>
<Button
onClick={()=> setShowTooltip(!showTooltip)}
text="Toggle state"
/>
</FlexItem>
<FlexItem>
<Body >
<p>
{'Tooltip is: '}
<code>{showTooltip ? "enabled" : "disabled"}</code>
</p>
</Body>
</FlexItem>
<FlexItem>
<Tooltip
placement='right'
showTooltip={showTooltip}
text='Tooltip is enabled'
zIndex={10}
{...props}
>
{'Hover me.'}
</Tooltip>
</FlexItem>
</Flex>
)
}
export default TooltipShowTooltipReact
Version data entries
382 entries across 382 versions & 2 rubygems