Visibility

Updated on Oct 2, 2026

By default, the Dialog is visible.

To control its visibility, use a variable based on which the Dialog will be shown or hidden.

jsx

// Unmount the Dialog to hide it.
{this.state.visible && <Dialog/>}

The following example demonstrates how to show and hide the Dialog based on its state.

Example

View Source

Loading ...

Suggested Links

• API Reference of the Dialog