Links

Links must either move to a new URL or move to a new position on the current view. Links should not be used as Buttons with the intent of submitting data or performing some action other than navigation. Links that will leave the current application must also be paired with the open Icon.

Same tab

By default, Links will replace the current view with the new view defined by the href.

New tab

You can define a Link to open a new view in a specific location by using the target prop.

If a Link is previewable (points to an internal work item), a Popover will render when the Link is focused. The Popover will allow for the Link to be previewed or opened in a new tab. To control the preview functionality, pass a callback function that accepts an href to the onPreview prop.