Shiny Rotating Border Button

Inputs

Button with a blurred glow orbiting the border and an animated rainbow text gradient.

Shiny Rotating Border Button — glow orbitando + texto com gradiente animado

Instalação via CLI

$ npx kikitocn add shiny-rotating-border-button

Interno:

@/lib/utilsmotion

Exemplo de uso

Shiny Rotating Border ButtonExample.tsx

import { ShinyRotatingBorderButton } from "@/components/ui/cn/shiny-rotating-border-button/ShinyRotatingBorderButton";

export function ShinyRotatingBorderButtonExample() {
  return (
    <ShinyRotatingBorderButton>
      Shiny Rotating Border Button
    </ShinyRotatingBorderButton>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`React.ReactNode`	—	Conteúdo do botão
`className`	`string`	—	Classes CSS extras

Voltar para Inputs

Carregando…