Link
A Link component that handles external links
A component that wraps the Link component of your React framework (e.g. next/link
) and automatically handles external links in the document.~
When an external URL is detected, it uses <a>
instead of the Link Component.
The rel
property is automatically generated.
Usage
Usage is the same as using <a>
.
import Link from 'fumadocs-core/link';
<Link href="/docs/components">Click Me</Link>
External
You can force a URL to be external by passing an external
prop.
Dynamic hrefs
You can enable dynamic hrefs by importing dynamic-link
.
import { DynamicLink } from 'fumadocs-core/dynamic-link';
<DynamicLink href="/[lang]/components">Click Me</DynamicLink>
How is this guide?
Last updated on