Border Trail
Animated border effect that moves along the edges of its parent container.
Examples
Border Trail Card
Border Trail Loading Card
Border Trail Textarea
Installation
npx shadcn add "https://motion-primitives.com/c/border-trail.json"Component API
Border Trail
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | Additional CSS classes for styling the border trail. | |
| size | number | 60 | Size of the animated border effect. |
| transition | Transition | Custom transition settings for the animation. | |
| onAnimationComplete | () => void | Callback function triggered when the animation completes. |