Gradient Border

Display

Animated spinning or pulsing gradient border wrapper for any content.

Instalação via CLI

$ npx kikitocn add gradient-border

Exemplo de uso

Gradient BorderExample.tsx

import { GradientBorder } from "@/components/ui/cn/gradient-border/GradientBorder";

export function GradientBorderExample() {
  return (
    <GradientBorder />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`React.ReactNode`	—	Conteúdo interno
`colors`	`string[]`	—	Array de cores do gradiente
`borderWidth`	`number`	`2`	Espessura da borda (px)
`borderRadius`	`number`	`12`	Border-radius (px)
`speed`	`number`	`3`	Velocidade da animação (s)
`variant`	`'spin' \| 'pulse' \| 'static'`	`'spin'`	Tipo de animação
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…