Link

Also known as

Anchor, Hyperlink

Link allows users to navigate to a different site or other pages within the current site. You can use it inline in a sentence, standalone on its own, or after a sentence.

A standalone link is typically displayed in a body text style in the primary variant. If you want to display the link with less prominence, such as when linking to secondary information, you can display it in the secondary variant.

An inline link should always use the same text formatting as the text that it is displayed with.

  • To provide navigation to a page on the same or different site.
  • To link to documents, email addresses or phone numbers.
  • To send users to a specific section on the same page.
  • To provide users with more detailed information or assistance e.g., terms and conditions, help sections or contact information.
  • To trigger an action, such as submitting a form or opening a dialog. Instead, use Button.
  • Link text should be concise, no longer than a single sentence. This helps to keep the user interface clean, minimize distractions and maintain a clear visual hierarchy.
  • Do not overload sentences or pages with links.
  • Consider writing standalone links as calls-to-action and begin with a verb e.g., “Visit the help page”.
  • Write inline links as if they were part of the sentence.
  • Do not include the word “link” in the link text. Most screen readers say “link” before each link.
  • Link text should accurately describe the linked content. Link text that does not correctly reflect the destination or purpose can confuse or frustrate the user.

To import Link from the core Salt package, use:

NameTypeDescriptionDefault