Link

A component that wraps next/link and handles external links in the document. When an external URL is detected, it uses <a> instead of the Next.js Link Component. rel property is automatically generated.

Usage

Same as using <a>.

import Link from 'styledsea-docs-core/link';
 
<Link href="/docs/components">Click Me</Link>

External

You can force an URL to be external by passing an external prop.

Dynamic hrefs

Dynamic hrefs are no longer supported in Next.js App Router. You can enable dynamic hrefs by importing dynamic-link instead.

import { DynamicLink } from 'styledsea-docs-core/dynamic-link';
 
<DynamicLink href="/[lang]/components">Click Me</DynamicLink>