Link

Links are basic, text-based navigational elements.

Use cases

✅ Navigate to a different page within the application (outside of UI-Shell or established navigation patterns)

✅ Navigate to an external app or website

✅ Jump to an element on the same page, or reveal additional content that may be truncated or hidden by default. (Example: truncated text with a "Read more" link that would reveal the remaining content)

✅ Render emails or phone numbers in instances where you need those items to be interactive and actionable

Not to use cases

❌ Use links as a control to change data or manipulate how a page's content is displayed, change an item's state, or trigger an action.

❌ Use links to display static content that doesn't require interaction, such as a paragraph of text that isn't clickable or actionable.

❌ Use links to navigate to pages or content that the user isn't authorized to access.