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

Rate this page:

ContentAction

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

Example of a Content action button

Example of a Content action with the above sample code

Usage notes

ContentAction is the top-level component required for the confluence:contentAction module.

Import statement

1
import ForgeUI, { ContentAction } 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, ContentAction, 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(
    <ContentAction>
        <App/>
    </ContentAction>
);

Rate this page: