Pointer Highlight

Display

Draws an animated rectangle outline with a pointer icon around inline content, for text emphasis — adapted from Aceternity UI.

Retângulo animado + ícone de ponteiro contornando o texto

Construa interfaces com

componentes prontos

Instalação via CLI

$ npx kikitocn add pointer-highlight

Interno:

@/lib/utilsmotion

Exemplo de uso

Pointer HighlightExample.tsx

import { PointerHighlight } from "@/components/ui/cn/pointer-highlight/PointerHighlight";

export function PointerHighlightExample() {
  return (
    <PointerHighlight>
      Pointer Highlight
    </PointerHighlight>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`ReactNode`	—	Conteúdo a destacar
`rectangleClassName`	`string`	—	Classes do retângulo animado
`pointerClassName`	`string`	—	Classes do ícone de ponteiro
`containerClassName`	`string`	—	Classes do container externo

Voltar para Display

Carregando…