Carregando…Carregando…Carregando…Carregando…Button where a radial light hops between the four edges and converges into a highlight on hover — adapted from Aceternity UI.
Hover Border Gradient — a borda acende e salta entre os lados
$ npx kikitocn add hover-border-gradient@/lib/utilsmotionimport { HoverBorderGradient } from "@/components/ui/cn/hover-border-gradient/HoverBorderGradient";
export function HoverBorderGradientExample() {
return (
<HoverBorderGradient>
Hover Border Gradient
</HoverBorderGradient>
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
children* | React.ReactNode | — | Conteúdo do botão |
as | React.ElementType | 'button' | Elemento externo |
duration | number | 1 | Segundos por salto da luz entre bordas |
clockwise | boolean | true | Sentido horário do ciclo |
containerClassName | string | — | Classe no wrapper externo |
className | string | — | Classe na pílula interna |