Link

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>