DevExtreme v23.1 is now available.

Explore our newest features/capabilities and share your thoughts with us.


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 { 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 { baseZIndex } 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.