componente · @solu30/ui-kit/animation
BorderTrail
El componente, montado
Cargando el componente del paquete instalado…
Cargando el chunk del paquete instalado…
De dónde se importa
import { BorderTrail } from '@solu30/ui-kit/animation'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| duration | opcional | number | Segundos por vuelta completa. Default `5`. |
| borderWidth | opcional | number | Grosor del anillo en px. Default `1`. |
| color | opcional | string | Color del destello. Cualquier color CSS. Default `var(--ui-accent)`. |
| arc | opcional | number | Arco iluminado en grados: más alto = destello más largo. Default `60`. |
| className | opcional | string | — |
Ejemplo del paquete
<div className="relative rounded-2xl border border-ui-border p-4">
<BorderTrail />
<JobSummary job={job} />
</div>Del @example del JSDoc de @solu30/ui-kit, sin editar. Cuatro de los 69 ejemplos del paquete traen pegada la firma cruda del .d.ts —el mismo defecto del extractor que se come las descripciones—, y por eso la caja tiene tope de alto: el ejemplo de verdad suele estar al final.