Variants
Sizes
With Next.js Link (asChild)
Go HomeProps
| Prop | Type | Description |
|---|---|---|
| variant | "default" | "muted" | "destructive" | "plain" | Visual style |
| size | "sm" | "md" | "lg" | Text size |
| asChild | boolean | Render as child element via Radix Slot (e.g. wrap Next.js Link) |
| className | string | Additional classes on the root element |
Usage
<Link href="/forgot-password" variant="muted" size="sm">
Forgot password?
</Link>
{/* Compose with Next.js Link */}
<Link asChild variant="default">
<NextLink href="/sign-up">Create account</NextLink>
</Link>