Tooltip

Um componente leve e acessível para exibir informações contextuais ao passar o mouse ou focar em um elemento.

Utilização

index.tsx

import {
  Tooltip,
  TooltipTrigger,
  TooltipContent,
  TooltipProvider
} from "@convertcompany/ui";

Esse componente extende a implementação do Radix UI, e por isso, possui as mesmas propriedades. Para mais detalhes, consulte a documentação oficial.

Propriedade	Tipo
delayDurationTempo em ms antes de mostrar o tooltip.	number
skipDelayDurationTempo em ms antes de ocultar o tooltip ao passar de um para outro.	number
disableHoverableContentDesabilita tooltip com conteúdo interativo.	boolean

Propriedade	Tipo
sidePosição em relação ao trigger.	top right bottom left
sideOffsetDistância em px entre o trigger e o tooltip.	number
classNameClasse CSS adicional.	string

Propriedade	Tipo
asChildPermite usar o componente como filho do gatilho.	boolean