Tooltip

A tooltip that displays when hovering over another component.

Screenshot of tooltip component

Import statement

1
2
import ForgeUI, { Tooltip } from '@forge/ui';

Name	Type	Required	Description
`children`	`ForgeElement`	Yes	The component to wrap the tooltip around.
`text`	`string`	Yes	The message to display in the tooltip.

A tooltip wrapping a button component. Hovering over the button will display the tooltip with Hello World.

1
2
<Tooltip text="Hello World">
    <Button
       text="Hover over me"
       onClick={() => console.log("Hello World")}
    />
</Tooltip>