Overview

Link primitives facilitate navigation within your application. Options include Box Link and Text Link, both utilizing Next.js Link for seamless routing.

API Reference

The Box Link primitive uses Next Link under the hood, allowing you to wrap any content as a link.

PropTypeDefaultDescription
hrefstringThe URL to navigate to when the link is clicked.
targetstring_selfSpecifies where to open the linked document.
scrollbooleantrueWhether to scroll to the top of the page when navigating.
prefetchbooleantrueIndicates if the linked page should be prefetched.
disabledbooleanfalseDisables the link if set to true.

The Text Link primitive is a simple clickable text element that also utilizes Next Link for routing.

PropTypeDefaultDescription
textstringLinkThe text displayed for the link.
hrefstringThe URL to navigate to when the link is clicked.
targetstring_selfSpecifies where to open the linked document.
scrollbooleantrueWhether to scroll to the top of the page when navigating.
prefetchbooleantrueIndicates if the linked page should be prefetched.
disabledbooleanfalseDisables the link if set to true.

Styling

Both Box Link and Text Link can be styled using the Style Panel, Global Styles, and Selectors. You can customize their appearance to fit your design needs.