Tooltip

Popup de contexto ao passar o mouse. Ideal para informações complementares. Construído sobre Radix UI Tooltip.

import { Tooltip, TooltipTrigger, TooltipContent } from "@workspace/ui/components/tooltip";

<Tooltip>
  <TooltipTrigger asChild>
    <Button variant="outline">Hover</Button>
  </TooltipTrigger>
  <TooltipContent>Texto do tooltip</TooltipContent>
</Tooltip>

Default

Tooltip em botões com diferentes posições.

Em ícones

Tooltip para explicar ícones de ação.

API Reference

Prop	Type	Default	Descrição
`side`	`'top' \| 'bottom' \| 'left' \| 'right'`	'top'	Posição do tooltip em relação ao trigger
`sideOffset`	`number`	4	Distância em px entre o trigger e o tooltip
`delayDuration`	`number`	200	Delay em ms antes de exibir o tooltip