Line Hover Link | Vengeance UI

Installation

Run the following command

npx shadcn@latest add https://raw.githubusercontent.com/Ashutoshx7/VengeanceUI/main/public/r/line-hover-link.json

Usage

code

1import { LineHoverLink } from "@/components/ui/line-hover-link"
2
3export function LineHoverLinkDemo() {
4  return (
5    <LineHoverLink
6      href="/components/line-hover-link"
7      variant="scribble"
8      className="text-lg font-medium"
9    >
10      Explore components
11    </LineHoverLink>
12  )
13}

Props

Prop Name	Type	Default	Description
children	`React.ReactNode`	`-`	The link text content.
href	`string`	`-`	The link URL.
className	`string`	`-`	Additional CSS classes.
variant	`'slide' \| 'double' \| 'grow' \| 'strike' \| 'fade' \| 'pulse' \| 'swap' \| 'sweep' \| 'bounce' \| 'arc' \| 'scribble'`	`'slide'`	The underline, stroke, or sweep animation style.