Modern Animated Button

Inputs

Pill button with a looping conic-gradient light chasing its border, Raycast-style.

Modern animated button — luz girando ao redor da borda

Instalação via CLI

$ npx kikitocn add modern-animated-button

Interno:

@/lib/utils

Exemplo de uso

Modern Animated ButtonExample.tsx

import { ModernAnimatedButton } from "@/components/ui/cn/modern-animated-button/ModernAnimatedButton";

export function ModernAnimatedButtonExample() {
  return (
    <ModernAnimatedButton>
      Modern Animated Button
    </ModernAnimatedButton>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children`	`React.ReactNode`	`'Advanced button'`	Texto principal
`hint`	`React.ReactNode`	`'Hover me'`	Texto secundário depois do divisor — undefined esconde o divisor
`className`	`string`	—	Classes CSS extras

Voltar para Inputs

Carregando…