Page link

Usage

• Use Page link to link to another page as its own block (sub-pages, related pages).
• Always pass an href so the link is focusable.
• Use a mention in rich text when the link belongs inside a sentence.
• Don’t use Page link for external URLs; use Bookmark or a text link instead.

Installation

npm install @krackedui/motion

pnpm add @krackedui/motion

yarn add @krackedui/motion

import '@krackedui/motion/styles.css';

import { BlockContent, PageLink, rt } from '@krackedui/motion';

export function PageLinkExample() {
  return (
    <BlockContent>
      <PageLink icon="🗺️" text={rt('Roadmap')} href="/roadmap" />
      <PageLink text={rt('Meeting notes')} href="/notes" />
      <PageLink empty text={rt('Empty page')} href="/empty" />
    </BlockContent>
  );
}

API Reference

PageLink

Based on <div> and supports its props. Adds:

Accessibility

• Renders an <a>; give it an href so it is focusable.
• Placeholder “Untitled” when the title is empty.