Options
The Link supports same-page or new-tab navigation and reads naturally either on its own or inline within body text.Target
Omittingtarget navigates within the app. Set target="_blank" to open in a new tab — Link appends a trailing icon, defaults rel to noopener noreferrer, and adds an “(opens in a new tab)” announcement for screen readers.
Inline
Link renders inline by default, so it flows naturally inside body copy built withText or Markdown.
Behavior
The Link responds to hover and keyboard focus, and wraps like any other inline text.Visual States
Hover shifts the link to the informative (blue) color while the underline stays as the resting affordance. Keyboard focus draws a ring around the whole link and removes the underline, since the ring itself becomes the focus affordance.Wrapping
Long link text wraps naturally within its container, the same as any other inline text.Usage Guidelines
When to Use
Use the Link when:- Navigating within the app – The destination is another page or location in the product.
- Opening a destination in a new tab – The Link adds a trailing icon and tells screen reader users that it opens in a new tab.
- Linking from body copy – The link sits inline within a sentence of Text or Markdown.
When not to use
Avoid using the Link for:- Triggering an action – Use the Button instead.
- Attributing agent content to a source – Use the Citation instead.