UI Kit components
UI Kit hooks
Forge bridge APIs
Jira bridge APIs
Upgrade UI Kit versions
Previous versions

Link

To add the Link component to your app:

1
2
import { Link } from '@forge/react';

Description

A component that displays a link. Use this component for inline links.

Props

NameTypeRequiredDescription
hrefstringYes

The prop href behaves like a HTML href. You should include http(s):// for full URLs. Relative paths, such as /wiki, are also supported.

childrenstringYesThe text to display for the link.
openNewTabbooleanNoWhether or not the link should open in a new tab. Defaults to false.

Examples

A link component that will open the https://atlassian.com website in a new tab when clicked.

Example image of rendered link

1
2
const LinkExample = () => {
  return (
    <Text>
      <Link href="https://atlassian.com">Log in</Link> to view this content
    </Text>
  );
}

Rate this page: