Border Trail

Display

A light trail continuously chasing an element's border via CSS offset-path — adapted from cuicui.day.

Border Trail — cometa de luz correndo pela borda

Instalação via CLI

$ npx kikitocn add border-trail

Interno:

@/lib/utilsmotion

Exemplo de uso

Border TrailExample.tsx

import { BorderTrail } from "@/components/ui/cn/border-trail/BorderTrail";

export function BorderTrailExample() {
  return (
    <BorderTrail />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`size`	`number`	`60`	Tamanho do cometa (px)
`className`	`string`	—	Classes do cometa (cor/blur)
`transition`	`Transition`	—	Sobrescreve a transição padrão (loop infinito de 5s)
`delay`	`number`	—	Delay (s) antes do primeiro ciclo
`onAnimationComplete`	`() => void`	—	Disparado a cada ciclo completo

Voltar para Display

Carregando…