diff --git a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/app/app.component.ts b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/app/app.component.ts index f99c2f955870..d85fdf27858a 100644 --- a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/app/app.component.ts +++ b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Angular/app/app.component.ts @@ -2,6 +2,7 @@ import { bootstrapApplication } from '@angular/platform-browser'; import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core'; import { DxHtmlEditorModule, DxPopupModule } from 'devextreme-angular'; import { DxButtonTypes } from 'devextreme-angular/ui/button'; +import 'devextreme/ui/button_group'; import { Service } from './app.service'; if (!/localhost/.test(document.location.host)) { diff --git a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/React/App.tsx b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/React/App.tsx index 6980e1560604..c3cb7a1d33fb 100644 --- a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/React/App.tsx +++ b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/React/App.tsx @@ -1,6 +1,7 @@ import React, { useCallback, useState, useMemo } from 'react'; import HtmlEditor, { Toolbar, Item, type HtmlEditorTypes } from 'devextreme-react/html-editor'; import Popup from 'devextreme-react/popup'; +import 'devextreme/ui/button'; import { markup } from './data.ts'; const headerValues = [false, 1, 2, 3, 4, 5]; diff --git a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/ReactJs/App.js b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/ReactJs/App.js index 9a4d52c08184..222b00a517e1 100644 --- a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/ReactJs/App.js +++ b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/ReactJs/App.js @@ -1,6 +1,7 @@ import React, { useCallback, useState, useMemo } from 'react'; import HtmlEditor, { Toolbar, Item } from 'devextreme-react/html-editor'; import Popup from 'devextreme-react/popup'; +import 'devextreme/ui/button'; import { markup } from './data.js'; const headerValues = [false, 1, 2, 3, 4, 5]; diff --git a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Vue/App.vue b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Vue/App.vue index b2907adec7f6..bffbd481e15a 100644 --- a/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Vue/App.vue +++ b/apps/demos/Demos/HtmlEditor/ToolbarCustomization/Vue/App.vue @@ -47,6 +47,7 @@ import { DxItem, } from 'devextreme-vue/html-editor'; import { DxPopup } from 'devextreme-vue/popup'; +import 'devextreme/ui/button'; import { markup } from './data.ts'; const value = ref(markup); diff --git a/apps/demos/Demos/Popup/Overview/React/App.tsx b/apps/demos/Demos/Popup/Overview/React/App.tsx index 0c68280dc11c..a9b8e930a41e 100644 --- a/apps/demos/Demos/Popup/Overview/React/App.tsx +++ b/apps/demos/Demos/Popup/Overview/React/App.tsx @@ -2,6 +2,7 @@ import React, { useCallback, useMemo, useState } from 'react'; import { Popup, Position, ToolbarItem } from 'devextreme-react/popup'; import type { ButtonTypes } from 'devextreme-react/button'; +import 'devextreme/ui/button'; import notify from 'devextreme/ui/notify'; diff --git a/apps/demos/Demos/Popup/Overview/ReactJs/App.js b/apps/demos/Demos/Popup/Overview/ReactJs/App.js index a5ea640c8dea..1be4ee933d35 100644 --- a/apps/demos/Demos/Popup/Overview/ReactJs/App.js +++ b/apps/demos/Demos/Popup/Overview/ReactJs/App.js @@ -1,5 +1,6 @@ import React, { useCallback, useMemo, useState } from 'react'; import { Popup, Position, ToolbarItem } from 'devextreme-react/popup'; +import 'devextreme/ui/button'; import notify from 'devextreme/ui/notify'; import { EmployeeItem } from './EmployeeItem.js'; import { employees } from './data.js'; diff --git a/apps/demos/Demos/Popup/Overview/Vue/App.vue b/apps/demos/Demos/Popup/Overview/Vue/App.vue index fc78e5b43f3e..b7e8cde15b93 100644 --- a/apps/demos/Demos/Popup/Overview/Vue/App.vue +++ b/apps/demos/Demos/Popup/Overview/Vue/App.vue @@ -70,6 +70,7 @@