diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/discard-changes/discard-changes-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/discard-changes/discard-changes-modal.element.ts
new file mode 100644
index 0000000000..5fb9ada5aa
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/discard-changes/discard-changes-modal.element.ts
@@ -0,0 +1,20 @@
+import { UmbModalBaseElement } from '../../component/modal-base.element.js';
+import { html, customElement } from '@umbraco-cms/backoffice/external/lit';
+import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
+
+@customElement('umb-discard-changes-modal')
+export class UmbDiscardChangesModalElement extends UmbModalBaseElement {
+	override render() {
+		return html` <uui-dialog-layout class="uui-text" headline="Discard changes?"> Hello Hello </uui-dialog-layout> `;
+	}
+
+	static override styles = [UmbTextStyles];
+}
+
+export { UmbDiscardChangesModalElement as element };
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-discard-changes-modal': UmbDiscardChangesModalElement;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/discard-changes/discard-changes-modal.tokent.ts b/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/discard-changes/discard-changes-modal.tokent.ts
new file mode 100644
index 0000000000..0588c59fb7
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/discard-changes/discard-changes-modal.tokent.ts
@@ -0,0 +1,7 @@
+import { UmbModalToken } from '../../token/index.js';
+
+export const UMB_DISCARD_CHANGES_MODAL = new UmbModalToken('Umb.Modal.DiscardChanges', {
+	modal: {
+		type: 'dialog',
+	},
+});
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/discard-changes/index.ts b/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/discard-changes/index.ts
new file mode 100644
index 0000000000..987d718f87
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/discard-changes/index.ts
@@ -0,0 +1,2 @@
+export * from './discard-changes-modal.element.js';
+export * from './discard-changes-modal.tokent.js';
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/discard-changes/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/discard-changes/manifests.ts
new file mode 100644
index 0000000000..6816839e55
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/discard-changes/manifests.ts
@@ -0,0 +1,8 @@
+export const manifests: Array<UmbExtensionManifest> = [
+	{
+		type: 'modal',
+		alias: 'Umb.Modal.DiscardChanges',
+		name: 'Discard Changes Modal',
+		element: () => import('./discard-changes-modal.element.js'),
+	},
+];
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/manifests.ts
index 2a2ab02467..c6d32edfd2 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/manifests.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/manifests.ts
@@ -1,3 +1,5 @@
+import { manifests as discardChangesManifests } from './discard-changes/manifests.js';
+
 export const manifests: Array<UmbExtensionManifest> = [
 	{
 		type: 'modal',
@@ -29,4 +31,5 @@ export const manifests: Array<UmbExtensionManifest> = [
 		name: 'Item Picker Modal',
 		element: () => import('./item-picker/item-picker-modal.element.js'),
 	},
+	...discardChangesManifests,
 ];