Rate this page:

InlineDialog

An inline dialog outputs content in a modal that's displayed outside a block of content. Usually used for small bits of information, InlineDialog is required for the confluence:contextMenu module, and is used inside the ContextMenu component.

This module can only be used in Confluence.

Usage

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

Props

NameTypeRequiredDescription
childrenArray<ForgeComponent>YesThe content of the inline dialog

Example

A hello world example of the InlineDialog component.

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

Preview

Example of a Context menu with the above sample code

In context menu

Example of a Context menu button

Rate this page: