Tooltip
Hover/focus tooltip with configurable side and delay.
Sides
import { Tooltip, Button } from '@canarist/ui'
<Tooltip content="Save changes" side="top">
<Button>Save</Button>
</Tooltip>Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| content | string | — | Text shown inside the tooltip. |
| side | 'top' | 'bottom' | 'left' | 'right' | 'top' | Which side of the trigger the tooltip appears on. |
| delay | number | 400 | Delay in milliseconds before the tooltip appears. |
| children | ReactNode | — | Element that triggers the tooltip on hover/focus. |