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.

Prop	Type	Default	Description
`filepath`	`string`	required (one of)	Path to the destination MDX/MD file, relative to the project root. Resolved at build time.
`path`	`string`	required (one of)	URL path of the destination page (e.g. `/products/docs/components/row`).
`uid`	`string`	required (one of)	Stable page UID, resolved at build time. Useful when the URL or path may change.
`title`	`string`	`'Link to Page'`	Title shown in the link card.
`description`	`string`	`'Link to a page in the guide'`	Secondary text shown under the title.

Examples

By Filepath

Row DocsRow component documentation

<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

Row DocsLinked 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.

Row DocsLink to a page in the guide

<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"
/>

Details

Grid

The API company.