import { Link } from "@/components/ui/preskok-ui/link"
export function LinkPreskokDemo() {
return (
<div className="space-x-4">
<Link href="#">Primary link</Link>
<Link href="#">Secondary link</Link>
<Link href="#">Unstyled link</Link>
</div>
)
}
Use as button
"use client"
import { buttonStyles } from "@/components/ui/preskok-ui/button"
import { Link } from "@/components/ui/preskok-ui/link"
export function LinkButtonPreskokDemo() {
return (
<div className="flex gap-2">
<Link className={buttonStyles()} href="#use-as-button">
Link
</Link>
<Link
className={buttonStyles({ intent: "outline" })}
href="#use-as-button"
>
Link
</Link>
<Link
className={buttonStyles({ intent: "plain", isCircle: true })}
href="#use-as-button"
>
Link
</Link>
</div>
)
}
Installation
pnpmnpmyarnbunpnpm dlx @preskok-org/ui@latest add link
Usage
import { Link } from "@/registry/preskok/ui/preskok-ui/link"
function Demo() {
return <Link href="#basic">Label</Link>
}