About UI Kit 2
UI Kit 2 components
UI kit components
Product bridge APIs
Jira bridge APIs

Tabs

A visual divider, used to organize content by grouping similar information into tabs on the same page.

Tabs example

Import statement

1
2
import ForgeUI, { Tabs, Tab } from '@forge/ui';

Props

NameTypeRequiredDescription
childrenTabYesThe tab components to be displayed.

Example

1
2
<Tabs>
    <Tab label="Tab 1">
        <Text>Hello</Text>
    </Tab>
    <Tab label="Tab 2">
        <Text>World!</Text>
    </Tab>
</Tabs>

Tab

Props

NameTypeRequiredDescription
labelstringYesThe label text to display.
childrenForgeComponentYesThe contents to display in the tab.

An inline component that displays a link.

Screenshot of the rendered link

Import statement

1
2
import ForgeUI, { Link } from '@forge/ui';

Props

NameTypeRequiredDescription
hrefstringYes

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

appearancestringThe appearance of the link. Valid values are link, button, and primary-button. Defaults to link.
openNewTabbooleanWhether or not the link should open in a new tab. Defaults to false.

Example

A text component with a nested link that displays as a button.

1
2
<Text>
  <Link appearance="button" href="https://atlassian.com">
    Go to Atlassian
  </Link>
</Text>

Rate this page: