import * as React from 'react'import { Tooltip } from '@welcome-ui/tooltip'import { Button } from '@welcome-ui/button'const Example = () => {return (<Tooltip content="Tooltip"><Button>Tooltip</Button></Tooltip>)}export default Example
Installation
Run the following command:
yarn add @welcome-ui/tooltip
Import component:
import { Tooltip } from '@welcome-ui/tooltip'
Fixed
Maybe you don't want the tooltip to follow the cursor set by fixed
property
With a long text and a custom placement
Set a max-width
for long text
With a disabled button
We're adding a wrapper around the button when it's disabled otherwise the tooltip does not trigger.
Placement
Using only with the fixed
prop, placement
will enable a translate animation on your tooltip. The direction works with these values for placement
.