This page describes a Forge preview feature. Preview features are deemed stable; however, they remain under active development and may be subject to shorter deprecation windows. Preview features are suitable for early adopters in production environments.

We release preview features so partners and developers can study, test, and integrate them prior to General Availability (GA). For more information, see Forge release phases: EAP, Preview, and GA.

InlineDialog

To add the InlineDialog component to your app:

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

Description

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

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

Props

Name	Type	Required	Description
`children`	`Array<ForgeComponent>`	Yes	The content of the inline dialog

Example

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

Output

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

The ContextMenu:

The InlineDialog:

Example: Dictionary app