DevExtreme React - DevExtreme Modules Structure

DevExtreme modules have the following structure.

A folder containing common modules.

Exports:

• setTemplateEngine - The setTemplateEngine(options) method

  require("devextreme/common").setTemplateEngine;
  // ===== or =====
  import { setTemplateEngine } from "devextreme/common";

Exposes methods for working with charts (including Chart, PieChart, PolarChart, CircularGauge, and LinearGauge).

• registerPattern - The registerPattern method

  require("devextreme/common/charts").registerPattern;
  // ===== or =====
  import { registerPattern } from "devextreme/common/charts";

• registerGradient - The registerGradient method

  require("devextreme/common/charts").registerGradient;
  // ===== or =====
  import { registerGradient } from "devextreme/common/charts";

Exposes methods for working with animation.

Exports:

• requestAnimationFrame - The requestAnimationFrame method

  require("devextreme/common/core/animation").requestAnimationFrame;
  // ===== or =====
  import { requestAnimationFrame } from "devextreme/common/core/animation";

• cancelAnimationFrame - The cancelAnimationFrame method

  require("devextreme/common/core/animation").cancelAnimationFrame;
  // ===== or =====
  import { cancelAnimationFrame } from "devextreme/common/core/animation";

• fx - The fx object

  require("devextreme/common/core/animation").fx;
  // ===== or =====
  import { fx } from "devextreme/common/core/animation";

• animationPresets - The animationPresets repository

  require("devextreme/common/core/animation").animationPresets;
  // ===== or =====
  import { animationPresets } from "devextreme/common/core/animation";

• TransitionExecutor - The TransitionExecutor object

  require("devextreme/common/core/animation").TransitionExecutor;
  // ===== or =====
  import { TransitionExecutor } from "devextreme/common/core/animation";

Exposes methods for working with environment.

Exports:

• devices - The device object

  require("devextreme/common/core/environment").devices;
  // ===== or =====
  import { devices } from "devextreme/common/core/environment";

• hideTopOverlay - The hideTopOverlay method

  require("devextreme/common/core/environment").hideTopOverlay;
  // ===== or =====
  import { hideTopOverlay } from "devextreme/common/core/environment";

• initMobileViewport - The initMobileViewport method

  require("devextreme/common/core/environment").initMobileViewport;
  // ===== or =====
  import { initMobileViewport } from "devextreme/common/core/environment";

• getTimeZones - The getTimeZones method

  require("devextreme/common/core/environment").getTimeZones;
  // ===== or =====
  import { getTimeZones } from "devextreme/common/core/environment";

Exposes methods for working with events.

Exports:

• off - The off method

  require("devextreme/common/core/events").off;
  // ===== or =====
  import { off } from "devextreme/common/core/events";

• on - The on method

  require("devextreme/common/core/events").on;
  // ===== or =====
  import { on } from "devextreme/common/core/events";

• one - The one method

  require("devextreme/common/core/events").one;
  // ===== or =====
  import { one } from "devextreme/common/core/events";

• trigger - The trigger method

  require("devextreme/common/core/events").trigger;
  // ===== or =====
  import { trigger } from "devextreme/common/core/events";

Exposes localization features.

Exports:

• Format - The format object

  require("devextreme/common/core/localization").Format;
  // ===== or =====
  import { Format } from "devextreme/common/core/localization";

• formatDate - The formatDate method

  require("devextreme/common/core/localization").formatDate;
  // ===== or =====
  import { formatDate } from "devextreme/common/core/localization";

• formatMessage - The formatMessage method

  require("devextreme/common/core/localization").formatMessage;
  // ===== or =====
  import { formatMessage } from "devextreme/common/core/localization";

• formatNumber - The formatNumber method

  require("devextreme/common/core/localization").formatNumber;
  // ===== or =====
  import { formatNumber } from "devextreme/common/core/localization";

• loadMessages - The loadMessages method

  require("devextreme/common/core/localization").loadMessages;
  // ===== or =====
  import { loadMessages } from "devextreme/common/core/localization";

• locale - The locale method

  require("devextreme/common/core/localization").locale;
  // ===== or =====
  import { locale } from "devextreme/common/core/localization";

• parseDate - The parseDate method

  require("devextreme/common/core/localization").parseDate;
  // ===== or =====
  import { parseDate } from "devextreme/common/core/localization";

• parseNumber - The parseNumber method

  require("devextreme/common/core/localization").parseNumber;
  // ===== or =====
  import { parseNumber } from "devextreme/common/core/localization"

Exposes DevExtreme data layer.

Exports:

• applyChanges - The applyChanges method

  require("devextreme/common/data").applyChanges;
  // ===== or =====
  import { applyChanges } from 'devextreme/common/data';

• ArrayStore - The ArrayStore data access component

  require("devextreme/common/data").ArrayStore;
  // ===== or =====
  import { ArrayStore } from "devextreme/common/data";

• CustomStore - The CustomStore data access component

  require("devextreme/common/data").CustomStore;
  // ===== or =====
  import { CustomStore } from "devextreme/common/data";

• isGroupItemsArray - The isGroupItemsArray type guard function

  require("devextreme/common/data").isGroupItemsArray;
  // ===== or =====
  import { isGroupItemsArray } from "devextreme/common/data";

• isItemsArray - The isItemsArray type guard function

  require("devextreme/common/data").isItemsArray;
  // ===== or =====
  import { isItemsArray } from "devextreme/common/data";

• isLoadResultObject - The isLoadResultObject type guard function

  require("devextreme/common/data").isLoadResultObject;
  // ===== or =====
  import { isLoadResultObject } from "devextreme/common/data";

• DataSource - The DataSource object

  require("devextreme/common/data").DataSource;
  // ===== or =====
  import { DataSource } from "devextreme/common/data";

• EndpointSelector - The EndpointSelector object

  require("devextreme/common/data").EndpointSelector;
  // ===== or =====
  import { EndpointSelector } from "devextreme/common/data";

• setErrorHandler - The setErrorHandler method

  require("devextreme/common/data").setErrorHandler(function (error) {
      console.log(error.message);
  });
  // ===== or =====
  import { setErrorHandler } from "devextreme/common/data";

• LocalStore - The LocalStore data access component

  require("devextreme/common/data").LocalStore;
  // ===== or =====
  import { LocalStore } from "devextreme/common/data";

• Query - The Query interface object.

  require("devextreme/common/data").Query;
  // ===== or =====
  import Query from "devextreme/common/data";

• base64_encode - The base64_encode method.

  require("devextreme/common/data").base64_encode;
  // ===== or =====
  import { base64_encode } from "devextreme/common/data";

• compileGetter - The compileGetter method

  require("devextreme/common/data").compileGetter;
  // ===== or =====
  import { compileGetter } from "devextreme/common/data";

• compileSetter - The compileSetter method

  require("devextreme/common/data").compileSetter;
  // ===== or =====
  import { compileSetter } from "devextreme/common/data";

• ODataContext - The ODataContext data access component

  require("devextreme/common/data").ODataContext;
  // ===== or =====
  import { ODataContext } from "devextreme/common/data";

• ODataStore - The ODataStore data access component

  require("devextreme/common/data").ODataStore;
  // ===== or =====
  import { ODataStore } from "devextreme/common/data";

• EdmLiteral - The EdmLiteral object

  require("devextreme/common/data").EdmLiteral;
  // ===== or =====
  import { EdmLiteral } from "devextreme/common/data";

• keyConverters - The odata.keyConverters object

  require("devextreme/common/data").keyConverters;
  // ===== or =====
  import { keyConverters } from "devextreme/common/data";

Exposes the DevExpress.excelExporter object's methods.

Exports:

• exportDataGrid - The exportDataGrid(options) method

  require("devextreme/common/export/excel").exportDataGrid;
  // ===== or =====
  import { exportDataGrid } from "devextreme/common/export/excel";

• exportPivotGrid - The exportPivotGrid(options) method

  require("devextreme/common/export/excel").exportPivotGrid;
  // ===== or =====
  import { exportPivotGrid } from "devextreme/common/export/excel";

Exposes the DevExpress.pdfExporter object's methods.

Exports:

• exportDataGrid - The exportDataGrid(options) method

  require("devextreme/common/export/pdf").exportDataGrid;
  // ===== or =====
  import { exportDataGrid } from "devextreme/common/export/pdf;

• exportGantt - The exportGantt(options) method

  require("devextreme/common/export/pdf").exportGantt;
  // ===== or =====
  import { exportGantt } from "devextreme/common/export/pdf";

Exposes DevExtreme common grid types.

Example:

import { ColumnChooserSearchConfig } from "devextreme/common/grids";

Exposes the dxclick event.

require("events/click");

Exposes the dxcontextmenu event.

require("events/contextmenu");

Exposes the dxdblclick event.

require("events/dblclick");

Exposes the dxdrag dxdragstart, dxdragend, dxdrop, dxdragenter, dxdragleave events.

require("events/drag");

Exposes the dxhold event.

require("events/hold");

Exposes the dxhoverend, dxhoverstart events.

require("events/hover");

Exposes the dxpointercancel, dxpointerdown, dxpointerenter, dxpointerleave, dxpointermove, dxpointerout, dxpointerover, dxpointerup events.

require("events/pointer");

Exposes the dxremove event.

require("events/remove");

Exposes the dxswipe, dxswipeend, dxswipestart events.

require("events/swipe");

Exposes the dxtransform, dxtransformend, dxtransformstart, dxpinch, dxpinchend, dxpinchstart, dxtranslate, dxtranslateend, dxtranslatestart events.

require("events/transform");

A folder containing modules that expose file management utilities.

Exposes the Custom file system provider.

Exports:

• default - The Custom file system provider

  require("devextreme/file_management/custom_provider");
  // ===== or =====
  import CustomFileSystemProvider from "devextreme/file_management/custom_provider";

Exposes the File System Error.

Exports:

• default - The File System Error

  require("devextreme/file_management/error");
  // ===== or =====
  import FileSystemError from "devextreme/file_management/error";

Exposes the File System Item.

Exports:

• default - The File System Item

  require("devextreme/file_management/file_system_item");
  // ===== or =====
  import FileSystemItem from "devextreme/file_management/file_system_item";

Exposes the Object file system provider.

Exports:

• default - The Object file system provider

  require("devextreme/file_management/object_provider");
  // ===== or =====
  import ObjectFileSystemProvider from "devextreme/file_management/object_provider";

Exposes the base file system provider.

Exposes the Remote file system provider.

Exports:

• default - The Remote file system provider

  require("devextreme/file_management/remote_provider");
  // ===== or =====
  import RemoteFileSystemProvider from "devextreme/file_management/remote_provider";

Exposes an object that provides information about the file upload session.

Exports:

• default - The UploadInfo object

  require("devextreme/file_management/upload_info");
  // ===== or =====
  import UploadInfo from "devextreme/file_management/upload_info";

A folder containing modules that expose integration features.

The module that provides jQuery integration.

require("devextreme/integration/jquery");

The module that provides Knockout integration.

require("devextreme/integration/knockout");

A folder that contains modules exposing UI components.

Exposes the Accordion UI component.

Exports:

• default - The Accordion UI component

  require("devextreme/ui/accordion");
  // ===== or =====
  import Accordion from "devextreme/ui/accordion";

Exposes the ActionSheet UI component.

Exports:

• default - The ActionSheet UI component

  require("devextreme/ui/action_sheet");
  // ===== or =====
  import ActionSheet from "devextreme/ui/action_sheet";

Exposes the AutoComplete UI component.

Exports:

• default - The AutoComplete UI component

  require("devextreme/ui/autocomplete");
  // ===== or =====
  import Autocomplete from "devextreme/ui/autocomplete";

Exposes the Box UI component.

Exports:

• default - The Box UI component

  require("devextreme/ui/box");
  // ===== or =====
  import Box from "devextreme/ui/box";

Exposes the Button UI component.

Exports:

• default - The Button UI component

  require("devextreme/ui/button");
  // ===== or =====
  import Button from "devextreme/ui/button";

Exposes the ButtonGroup UI component.

Exports:

• default - The ButtonGroup UI component

  require("devextreme/ui/button_group");
  // ===== or =====
  import ButtonGroup from "devextreme/ui/button_group";

Exposes the Calendar UI component.

Exports:

• default - The Calendar UI component

  require("devextreme/ui/calendar");
  // ===== or =====
  import Calendar from "devextreme/ui/calendar";

Exposes the Chat UI component.

Exports:

• default - The Chat UI component

  require("devextreme/ui/chat");
  // ===== or =====
  import Chat from "devextreme/ui/chat";

Exposes the CheckBox UI component.

Exports:

• default - The CheckBox UI component

  require("devextreme/ui/check_box");
  // ===== or =====
  import CheckBox from "devextreme/ui/check_box";

Exposes the ColorBox UI component.

Exports:

• default - The ColorBox UI component

  require("devextreme/ui/color_box");
  // ===== or =====
  import ColorBox from "devextreme/ui/color_box";

Exposes the ContextMenu UI component.

Exports:

• default - The ContextMenu UI component

  require("devextreme/ui/context_menu");
  // ===== or =====
  import ContextMenu from "devextreme/ui/context_menu";

Exposes the DataGrid UI component.

Exports:

• default - The DataGrid UI component

  require("devextreme/ui/data_grid");
  // ===== or =====
  import DataGrid from "devextreme/ui/data_grid"

Exposes the DateBox UI component.

Exports:

• default - The DateBox UI component

  require("devextreme/ui/date_box");
  // ===== or =====
  import DateBox from "devextreme/ui/date_box";

Exposes the DateRangeBox UI component.

Exports:

• default - The DateRangeBox UI component

  require("devextreme/ui/date_range_box");
  // ===== or =====
  import DateRangeBox from "devextreme/ui/date_range_box";

Exposes the DeferRendering UI component.

Exports:

• default - The DeferRendering UI component

  require("devextreme/ui/defer_rendering");
  // ===== or =====
  import DeferRendering from "devextreme/ui/defer_rendering";

Exposes the Diagram UI component.

Exports:

• default - The Diagram UI component

  require("devextreme/ui/diagram") ; 
  // ===== or =====
  import Diagram from "devextreme/ui/diagram";

Exposes an object that serves as a namespace for methods displaying a message in an application/site.

Exports:

• alert - The alert method

  require("devextreme/ui/dialog").alert;
  // ===== or =====
  import { alert } from "devextreme/ui/dialog";

• confirm - The confirm method

  require("devextreme/ui/dialog").confirm;
  // ===== or =====
  import { confirm } from "devextreme/ui/dialog";

• custom - The custom method

  require("devextreme/ui/dialog").custom;
  // ===== or =====
  import { custom } from "devextreme/ui/dialog";

Exposes the Draggable UI component.

Exports:

• default - The Draggable UI component

  require("devextreme/ui/draggable");
  // ===== or =====
  import Draggable from "devextreme/ui/draggable";

Exposes the Drawer UI component.

Exports:

• default - The Drawer UI component

  require("devextreme/ui/drawer");
  // ===== or =====
  import Drawer from "devextreme/ui/drawer";

Exposes the DropDownBox UI component.

Exports:

• default - The DropDownBox UI component

  require("devextreme/ui/drop_down_box");
  // ===== or =====
  import DropDownBox from "devextreme/ui/drop_down_box";

Exposes the DropDownButton UI component.

Exports:

• default - The DropDownButton UI component

  require("devextreme/ui/drop_down_button");
  // ===== or =====
  import DropDownButton from "devextreme/ui/drop_down_button";

Exposes the FileManager UI component.

Exports:

• default - The FileManager UI component

  require("devextreme/ui/file_manager");
  // ===== or =====
  import FileManager from "devextreme/ui/file_manager";

Exposes the FileUploader UI component.

Exports:

• default - The FileUploader UI component

  require("devextreme/ui/file_uploader");
  // ===== or =====
  import FileUploader from "devextreme/ui/file_uploader";

Exposes the FilterBuilder UI component.

Exports:

• default - The FilterBuilder UI component

  require("devextreme/ui/filter_builder");
  // ===== or =====
  import FilterBuilder from "devextreme/ui/filter_builder";

Exposes the Form UI component.

Exports:

• default - The Form UI component

  require("devextreme/ui/form");
  // ===== or =====
  import Form from "devextreme/ui/form";

Exposes the Gallery UI component.

Exports:

• default - The Gallery UI component

  require("devextreme/ui/gallery");
  // ===== or =====
  import Gallery from "devextreme/ui/gallery";

Exposes the Gantt UI component.

Exports:

• default - The Gantt UI component

  require("devextreme/ui/gantt") ; 
  // ===== or =====
  import Gantt from "devextreme/ui/gantt";

Exposes the HTML Editor UI component.

Exports:

• default - The HTML Editor UI component

  require("devextreme/ui/html_editor");
  // ===== or =====
  import HtmlEditor from "devextreme/ui/html_editor";

Exposes the List UI component.

Exports:

• default - The List UI component

  require("devextreme/ui/list");
  // ===== or =====
  import List from "devextreme/ui/list";

Exposes the LoadIndicator UI component.

Exports:

• default - The LoadIndicator UI component

  require("devextreme/ui/load_indicator");
  // ===== or =====
  import LoadIndicator from "devextreme/ui/load_indicator";

Exposes the LoadPanel UI component.

Exports:

• default - The LoadPanel UI component

  require("devextreme/ui/load_panel");
  // ===== or =====
  import LoadPanel from "devextreme/ui/load_panel";

Exposes the Lookup UI component.

Exports:

• default - The Lookup UI component

  require("devextreme/ui/lookup");
  // ===== or =====
  import Lookup from "devextreme/ui/lookup";

Exposes the Map UI component.

Exports:

• default - The Map UI component

  require("devextreme/ui/map");
  // ===== or =====
  import Map from "devextreme/ui/map";

Exposes the Menu UI component.

Exports:

• default - The Menu UI component

  require("devextreme/ui/menu");
  // ===== or =====
  import Menu from "devextreme/ui/menu";

Exposes the MultiView UI component.

Exports:

• default - The MultiView UI component

  require("devextreme/ui/multi_view");
  // ===== or =====
  import MultiView from "devextreme/ui/multi_view";

Exposes methods that create a toast message.

Exports:

• default - The notify(message, type, displayTime) and notify(options) methods

  require("devextreme/ui/notify");
  // ===== or =====
  import notify from "devextreme/ui/notify";

Exposes the NumberBox UI component.

Exports:

• default - The NumberBox UI component

  require("devextreme/ui/number_box");
  // ===== or =====
  import NumberBox from "devextreme/ui/number_box";

Exposes methods that work with overlay UI components.

Exports:

• bazeZIndex - The baseZIndex(zIndex) method

  require("devextreme/ui/overlay").bazeZIndex;
  // ===== or =====
  import { bazeZIndex } from "devextreme/ui/overlay";

Exposes the Pagination UI component.

Exports:

• default - The Pagination UI component

  require("devextreme/ui/pagination");
  // ===== or =====
  import Pagination from "devextreme/ui/pagination";

Exposes the PivotGrid UI component.

Exports:

• default - The PivotGrid UI component

  require("devextreme/ui/pivot_grid");
  // ===== or =====
  import PivotGrid from "devextreme/ui/pivot_grid";

Exposes an object that provides acess to data for the PivotGrid data.

Exports:

• default - The PivotGridDataSource object

  require("devextreme/ui/pivot_grid/data_source");
  // ===== or =====
  import PivotGridDataSource from "devextreme/ui/pivot_grid/data_source";

Exposes the XmlaStore data access component.

Exports:

• default - The XmlaStore data access component

  require("devextreme/ui/pivot_grid/xmla_store");
  // ===== or =====
  import XmlaStore from "devextreme/ui/pivot_grid/xmla_store";

Exposes the PivotGridFieldChooser UI component.

Exports:

• default - The PivotGridFieldChooser UI component

  require("devextreme/ui/pivot_grid_field_chooser");
  // ===== or =====
  import PivotGridFieldChooser from "devextreme/ui/pivot_grid_field_chooser";

Exposes the Popover UI component.

Exports:

• default - The Popover UI component

  require("devextreme/ui/popover");
  // ===== or =====
  import Popover from "devextreme/ui/popover";

Exposes the Popup UI component.

Exports:

• default - The Popup UI component

  require("devextreme/ui/popup");
  // ===== or =====
  import Popup from "devextreme/ui/popup";

Exposes the ProgressBar UI component.

Exports:

• default - The ProgressBar UI component

  require("devextreme/ui/progress_bar");
  // ===== or =====
  import ProgressBar from "devextreme/ui/progress_bar";

Exposes the RadioGroup UI component.

Exports:

• default - The RadioGroup UI component

  require("devextreme/ui/radio_group");
  // ===== or =====
  import RadioGroup from "devextreme/ui/radio_group";

Exposes the RangeSlider UI component.

Exports:

• default - The RangeSlider UI component

  require("devextreme/ui/range_slider");
  // ===== or =====
  import RangeSlider from "devextreme/ui/range_slider";

Exposes the RecurrenceEditor UI component.

Exports:

• default - The RecurrenceEditor UI component

  require("devextreme/ui/recurrence_editor");
  // ===== or =====
  import RecurrenceEditor from "devextreme/ui/recurrence_editor";

Exposes the Resizable UI component.

Exports:

• default - The Resizable UI component

  require("devextreme/ui/resizable");
  // ===== or =====
  import Resizable from "devextreme/ui/resizable";

Exposes the ResponsiveBox UI component.

Exports:

• default - The ResponsiveBox UI component

  require("devextreme/ui/responsive_box");
  // ===== or =====
  import ResponsiveBox from "devextreme/ui/responsive_box";

Exposes the Scheduler UI component.

Exports:

• default - The Scheduler UI component

  require("devextreme/ui/scheduler");
  // ===== or =====
  import Scheduler from "devextreme/ui/scheduler";

Exposes the ScrollView UI component.

Exports:

• default - The ScrollView UI component

  require("devextreme/ui/scroll_view");
  // ===== or =====
  import ScrollView from "devextreme/ui/scroll_view";

Exposes the SelectBox UI component.

Exports:

• default - The SelectBox UI component

  require("devextreme/ui/select_box");
  // ===== or =====
  import SelectBox from "devextreme/ui/select_box";

This module is deprecated. Use the common module instead.

Exposes the Slider UI component.

Exports:

• default - The Slider UI component

  require("devextreme/ui/slider");
  // ===== or =====
  import Slider from "devextreme/ui/slider";

Exposes the Sortable UI component.

Exports:

• default - The Sortable UI component

  require("devextreme/ui/sortable");
  // ===== or =====
  import Sortable from "devextreme/ui/sortable";

Exposes the SpeedDialAction UI component.

Exports:

• default - The SpeedDialAction UI component

  require("devextreme/ui/speed_dial_action");
  // ===== or =====
  import SpeedDialAction from "devextreme/ui/speed_dial_action";

Exposes the repaintFloatingActionButton method.

Exports:

• default - The repaintFloatingActionButton method

  require("devextreme/ui/speed_dial_action/repaint_floating_action_button");
  // ===== or =====
  import repaintFloatingActionButton from "devextreme/ui/speed_dial_action/repaint_floating_action_button";

Exposes the Splitter UI component.

Exports:

• default - The Splitter UI component

  require("devextreme/ui/splitter");
  // ===== or =====
  import Splitter from "devextreme/ui/splitter";

Exposes the Switch UI component.

Exports:

• default - The Switch UI component

  require("devextreme/ui/switch");
  // ===== or =====
  import Switch from "devextreme/ui/switch";

Exposes the Tabs UI component.

Exports:

• default - The Tabs UI component

  require("devextreme/ui/tabs");
  // ===== or =====
  import Tabs from "devextreme/ui/tabs";

Exposes the TabPanel UI component.

Exports:

• default - The TabPanel UI component

  require("devextreme/ui/tab_panel");
  // ===== or =====
  import TabPanel from "devextreme/ui/tab_panel";

Exposes the TagBox UI component.

Exports:

• default - The TagBox UI component

  require("devextreme/ui/tag_box");
  // ===== or =====
  import TagBox from "devextreme/ui/tag_box";

Exposes the TextArea UI component.

Exports:

• default - The TextArea UI component

  require("devextreme/ui/text_area");
  // ===== or =====
  import TextArea from "devextreme/ui/text_area";

Exposes the TextBox UI component.

Exports:

• default - The TextBox UI component

  require("devextreme/ui/text_box");
  // ===== or =====
  import TextBox from "devextreme/ui/text_box";

Exposes an object that serves as a namespace for the methods that work with DevExtreme CSS Themes.

Exports:

• current - The current() and current(themeName) methods

  require("devextreme/ui/themes").current;
  // ===== or =====
  import { current } from "devextreme/ui/themes";

Exposes the TileView UI component.

Exports:

• default - The TileView UI component

  require("devextreme/ui/tile_view");
  // ===== or =====
  import TileView from "devextreme/ui/tile_view";

Exposes the Toast UI component.

Exports:

• default - The Toast UI component

  require("devextreme/ui/toast");
  // ===== or =====
  import Toast from "devextreme/ui/toast";

Exports:

• default - The hideToasts method

  require("devextreme/ui/toast/hide_toasts");
  // ===== or =====
  import hideToasts from "devextreme/ui/toast/hide_toasts";

Exposes the Toolbar UI component.

Exports:

• default - The Toolbar UI component

  require("devextreme/ui/toolbar");
  // ===== or =====
  import Toolbar from "devextreme/ui/toolbar";

Exposes the Tooltip UI component.

Exports:

• default - The Tooltip UI component

  require("devextreme/ui/tooltip");
  // ===== or =====
  import Tooltip from "devextreme/ui/tooltip";

Exposes the TreeList UI component.

Exports:

• default - The TreeList UI component

  require("devextreme/ui/tree_list");
  // ===== or =====
  import TreeList from "devextreme/ui/tree_list";

Exposes the TreeView UI component.

Exports:

• default - The TreeView UI component

  require("devextreme/ui/tree_view");
  // ===== or =====
  import TreeView from "devextreme/ui/tree_view";

Exposes an object that serves as a namespace for the methods required to perform validation.

Exports:

• default - The validationEngine object

  require("devextreme/ui/validation_engine");
  // ===== or =====
  import validationEngine from "devextreme/ui/validation_engine";

Exposes the ValidationGroup UI component.

Exports:

• default - The ValidationGroup UI component

  require("devextreme/ui/validation_group");
  // ===== or =====
  import ValidationGroup from "devextreme/ui/validation_group";

Exposes the ValidationSummary UI component.

Exports:

• default - The ValidationSummary UI component

  require("devextreme/ui/validation_summary");
  // ===== or =====
  import ValidationSummary from "devextreme/ui/validation_summary";

Exposes the Validator UI component.

Exports:

• default - The Validator UI component

  require("devextreme/ui/validator");
  // ===== or =====
  import Validator from "devextreme/ui/validator";

A folder containing modules that expose data visualization UI components.

Exposes the BarGauge UI component.

Exports:

• default - The BarGauge UI component

  require("devextreme/viz/bar_gauge");
  // ===== or =====
  import BarGauge from "devextreme/viz/bar_gauge";

Exposes the Bullet UI component.

Exports:

• default - The Bullet UI component

  require("devextreme/viz/bullet");
  // ===== or =====
  import Bullet from "devextreme/viz/bullet";

Exposes the Chart UI component.

Exports:

• default - The Chart UI component

  require("devextreme/viz/chart");
  // ===== or =====
  import Chart from "devextreme/viz/chart";

Exposes the CircularGauge UI component.

Exports:

• default - The CircularGauge UI component

  require("devextreme/viz/circular_gauge");
  // ===== or =====
  import CircularGauge from "devextreme/viz/circular_gauge";

Exposes export-related methods.

Exports:

• exportFromMarkup - The exportFromMarkup(markup, options) method

  require("devextreme/viz/export").exportFromMarkup;
  // ===== or =====
  import { exportFromMarkup } from "devexpress/viz/export";

• getMarkup - The getMarkup(widgetInstances) method

  require("devextreme/viz/export").getMarkup;
  // ===== or =====
  import { getMarkup } from "devexpress/viz/export";

• exportWidgets - The exportWidgets(widgetInstances) and exportWidgets(widgetInstances, options) methods

  require("devextreme/viz/export").exportWidgets;
  // ===== or =====
  import { exportWidgets } from "devextreme/viz/export";

Exposes the Funnel UI component.

Exports:

• default - The Funnel UI component

  require("devextreme/viz/funnel");
  // ===== or =====
  import Funnel from "devextreme/viz/funnel";

Exposes the LinearGauge UI component.

Exports:

• default - The LinearGauge UI component

  require("devextreme/viz/linear_gauge");
  // ===== or =====
  import LinearGauge from "devextreme/viz/linear_gauge";

Exposes methods that control palettes.

Exports:

• currentPalette - The currentPalette(paletteName) method

  require("devextreme/viz/palette").currentPalette;
  // ===== or =====
  import { currentPalette } from "devextreme/viz/palette";

• getPalette - The getPalette(paletteName) method

  require("devextreme/viz/palette").getPalette;
  // ===== or =====
  import { getPalette } from "devextreme/viz/palette";

• registerPalette - The registerPalette(paletteName, palette) method

  require("devextreme/viz/palette").registerPalette;
  // ===== or =====
  import { registerPalette } from "devextreme/viz/palette";

Exposes the PieChart UI component.

Exports:

• default - The PieChart UI component

  require("devextreme/viz/pie_chart");
  // ===== or =====
  import PieChart from "devextreme/viz/pie_chart";

Exposes the PolarChart UI component.

Exports:

• default - The PolarChart UI component

  require("devextreme/viz/polar_chart");
  // ===== or =====
  import PolarChart from "devextreme/viz/polar_chart"

Exposes the RangeSelector UI component.

Exports:

• default - The RangeSelector UI component

  require("devextreme/viz/range_selector");
  // ===== or =====
  import RangeSelector from "devextreme/viz/range_selector";

Exposes the Sankey UI component.

Exports:

• default - The Sankey UI component

  require("devextreme/viz/sankey");
  // ===== or =====
  import Sankey from "devextreme/viz/sankey";

Exposes the Sparkline UI component.

Exports:

• default - The Sparkline UI component

  require("devextreme/viz/sparkline");
  // ===== or =====
  import Sparkline from "devextreme/viz/sparkline";

Exposes methods that control themes.

Exports:

• currentTheme - The currentTheme(theme) and currentTheme(platform, colorScheme) methods

  require("devextreme/viz/themes").currentTheme;
  // ===== or =====
  import { currentTheme } from "devextreme/viz/themes";

• refreshTheme - The refreshTheme() method

  require("devextreme/viz/themes").refreshTheme;
  // ===== or =====
  import { refreshTheme } from "devextreme/viz/themes";

• registerTheme - The registerTheme(customTheme, baseTheme) method

  require("devextreme/viz/themes").registerTheme;
  // ===== or =====
  import { registerTheme } from "devextreme/viz/themes";

Exposes the TreeMap UI component.

Exports:

• default - The TreeMap UI component

  require("devextreme/viz/tree_map");
  // ===== or =====
  import TreeMap from "devextreme/viz/tree_map";

Exposes utility methods.

Exports:

• refreshPaths - The refreshPaths() method

  require("devextreme/viz/utils").refreshPaths;
  // ===== or =====
  import { refreshPaths } from "devextreme/viz/utils";

Exposes the VectorMap UI component.

Exports:

• default - The VectorMap UI component

  require("devextreme/viz/vector_map");
  // ===== or =====
  import VectorMap from "devextreme/viz/vector_map";

Exposes the DevExpress.viz.map.projection object.

Exports:

    require("devextreme/viz/vector_map").projection;
    // ===== or =====
    import { projection } from "devextreme/viz/vector_map/projection";