Tooltip

Shows content on hover or keyboard focus of the child.


import { Tooltip } from '@gg-software/ui';
 
<Tooltip content="Saves your changes">
    <Button>Hover me</Button>
</Tooltip>
 
<Tooltip content="To the right" placement="right" delay={300}>
    <Button>Right</Button>
</Tooltip>

For rich, interactive floating content use Popover.

Props

Prop	Type	Default	Description
`content`*	`ReactNode`	—
`children`*	`ReactNode`	—	content rendered inside the component
`placement`	`"left" \| "right" \| "top" \| "bottom"`	`top`
`delay`	`number`	`100`	show delay in ms
`disabled`	`boolean`	`false`
`className`	`string`	—

* required · generated from packages/ui/src/display/Tooltip/Tooltip.tsx