Page Link

Page Link creates a styled link to another page within your documentation, with a title and an optional description. The link target can be specified by file path, URL path, or page UID.

Properties

Exactly one of filepath, path, or uid is required — the rest are optional.

PropTypeDefaultDescription
filepathstringrequired (one of)Path to the destination MDX/MD file, relative to the project root. Resolved at build time.
pathstringrequired (one of)URL path of the destination page (e.g. /products/docs/components/row).
uidstringrequired (one of)Stable page UID, resolved at build time. Useful when the URL or path may change.
titlestring'Link to Page'Title shown in the link card.
descriptionstring'Link to a page in the guide'Secondary text shown under the title.

Examples

By Filepath

<scalar-page-link
  filepath="documentation/guides/docs/components/row.mdx"
  title="Row Docs"
  description="Row component documentation">
</scalar-page-link>
<PageLink
  filepath="documentation/guides/docs/components/row.mdx"
  title="Row Docs"
  description="Row component documentation"
/>

By URL Path

<scalar-page-link
  path="/products/docs/components/row"
  title="Row Docs"
  description="Linked by URL path">
</scalar-page-link>
<PageLink
  path="/products/docs/components/row"
  title="Row Docs"
  description="Linked by URL path"
/>

Title Only

When only filepath (or path / uid) is provided, the default title and description are shown.

<scalar-page-link
  filepath="documentation/guides/docs/components/row.mdx"
  title="Row Docs">
</scalar-page-link>
<PageLink
  filepath="documentation/guides/docs/components/row.mdx"
  title="Row Docs"
/>