Tooltip Card

Overlays

A tooltip that follows the cursor with viewport-edge collision, spring height and touch support — adapted from Aceternity UI.

Tooltip Card — segue o cursor sem sair da tela

Passe o mouse

Instalação via CLI

$ npx kikitocn add tooltip-card

Interno:

@/lib/utilsmotion

Exemplo de uso

Tooltip CardExample.tsx

import { TooltipCard } from "@/components/ui/cn/tooltip-card/TooltipCard";

export function TooltipCardExample() {
  return (
    <TooltipCard>
      Tooltip Card
    </TooltipCard>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`content*`	`React.ReactNode`	—	Conteúdo do tooltip
`children*`	`React.ReactNode`	—	Alvo que dispara o tooltip
`containerClassName`	`string`	—	Classe no wrapper do alvo

Voltar para Overlays

Carregando…