Hover Border Trail
OfficialAn elegant button with an animated border trail that follows a circular path. On hover, the trail transforms into a beautiful glow effect.
Freebuttonborderanimationhovertrailglow
0 downloadsOonkooUI Team
Installation
Run the following command:
npx oonkoo add hover-border-trailProps
HoverBorderTrail Props
| Prop | Type | Default |
|---|---|---|
| children | React.ReactNode | - |
| containerClassName | string | - |
| className | string | - |
| as | "button" | "a" | "div" | "span" | "button" |
| duration | number | 1 |
| clockwise | boolean | true |
Usage
Copy and paste the following code to use this component:
import { HoverBorderTrail } from "@/components/oonkoo/hover-border-trail"
<HoverBorderTrail>
{/* Your content */}
</HoverBorderTrail>