Magnetic Button

Feedback

Button with magnetic cursor attraction effect, configurable strength and radius.

Magnetic Button — button follows cursor within radius

Instalação via CLI

$ npx kikitocn add magnetic-button

Interno:

@/lib/utils

Exemplo de uso

Magnetic ButtonExample.tsx

import { MagneticButton } from "@/components/ui/cn/magnetic-button/MagneticButton";

export function MagneticButtonExample() {
  return (
    <MagneticButton />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`ReactNode`	—	Conteúdo do botão
`strength`	`number`	`0.4`	Intensidade do efeito magnético (0 a 1)
`radius`	`number`	`150`	Raio de atração em px
`onClick`	`() => void`	`undefined`	Callback ao clicar
`disabled`	`boolean`	`false`	Desativa o efeito e o botão

Voltar para Feedback

Carregando…