Common UI kit components
Confluence UI kit components
Jira UI kit components

Rate this page:

IssueAction

A modal dialog triggered from the more actions (...) menu in Jira.

An example of an IssueAction button:

Example of an Issue action button

An example of the triggered modal dialog:

Example of an Issue action with the above sample code

Usage notes

IssueAction is the top-level component required for the jira:issueAction module.

Import statement

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

Props

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

Example

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>
);

Rate this page: