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

Rate this page:

InlineDialog

A dialog that displays outside a block of content in a Confluence page.

The ContextMenu:

Example of a Context menu button

The InlineDialog:

Example of a Context menu

Example: Dictionary app

Usage notes

  • Usually used for small bits of information
  • InlineDialog is required for the confluence:contextMenu module

Import statement

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

Props

NameTypeRequiredDescription
childrenArray<ForgeComponent>YesThe content of the inline dialog

Example

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import ForgeUI, { render, Text, ContextMenu, InlineDialog } from '@forge/ui';

const App = () => {
    return (
        <InlineDialog>
            <Text>Hello world!</Text>
        </InlineDialog>
    );
};

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

Rate this page: