Forge Developer

Beta

Forge Developer

Beta

Rate this page:

IssueAction

The IssueAction component renders content in a modal dialog when triggered from the more actions (...) menu. IssueAction is the top-level component required for the jira:issueAction module.

This module can only be used in Jira.

Usage

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

Props

NameTypeRequiredDescription
childrenArray<ForgeComponent>YesA container for displaying multiple components. Can only contain ModalDialog.

Example

A hello world example of the IssueAction component.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
import ForgeUI, {render, Text, IssueAction, ModalDialog, useState} from '@forge/ui';

const App = () => {
    const [isOpen, setOpen] = useState(true)

    if (!isOpen) {
        return null;
    }

    return (
        <ModalDialog header="Hello" onClose={() => setOpen(false)}>
            <Text>Hello world</Text>
        </ModalDialog>
    );
};

export const run = render(
    <IssueAction>
        <App/>
    </IssueAction>
);

Preview

Example of an Issue action with the above sample code

In more actions menu

Example of an Issue action button

Rate this page: