A newer version of this page is available. Switch to the current version.


An object that serves as a namespace for static methods that affect overlay UI components.


Specifies the base z-index for all overlay UI components.

import { dxOverlay.baseZIndex } from "devextreme/ui/overlay"


The z-index value.

The z-index of all overlay UI components located on a page is calculated based on the value passed to this method. Since an overlay UI component is added, its z-index is increased by one relative to a previously added overlay UI component.

The following example demonstrates how to call the method.

// ===== or when using modules =====
import * as overlay from 'devextreme/ui/overlay';

By default, the base z-index for all overlay UI components except Toast is 1500.

The base z-index for Toast UI components is greater than the value specified by this method by 8000. For example, if you pass 2000 to the baseZIndex method, the Toast base z-index is 10000.

The method affects the following UI components.