Link

The <Link> component is used to navigate between pages in your app.

Usage

Links can be rendered by both server and client components.

// src/pages/index.page.tsx

import Link from "@twofold/framework/link";

export default function IndexPage() {
  return (
    <div>
      <h1>Home</h1>
      <Link href="/about">About</Link>
    </div>
  );
}

Just like the <a> tag, the <Link> component accepts an href prop that specifies the URL of the page to navigate to. The only requirement for the href prop is that it must be a page within your application and not an external link.

Props

There are a handful of props that can be passed to the <Link> component to customize its behavior.