From 2566878826afd042ebe23507fcd5b93fbef2905e Mon Sep 17 00:00:00 2001
From: Joshua Victoria <133762589+jdvictoria@users.noreply.github.com>
Date: Wed, 28 Feb 2024 16:04:11 +0800
Subject: [PATCH] Toast Overview Demo - Unified Display Time For Vue & Angular
 (#3145)

* Unify Toast (Vue & Angular)

Added 600 ms display time for Vue and Angular toast

* Revert "Unify Toast (Vue & Angular)"

This reverts commit 84f2e34ad7901e86a27ed7a63367897fcb39034e.

* Unify Toast (Vue & Angular)

Added 600ms display to Vue and Angular Toast

* Remove Variable Bracket (Angular)

* Remove Variable Semicolon (Vue)

* Update app.component.html

* Bring Variable Semicolon
---
 .../Demos/Toast/Overview/Angular/app/app.component.html    | 7 ++++++-
 JSDemos/Demos/Toast/Overview/Vue/App.vue                   | 1 +
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/JSDemos/Demos/Toast/Overview/Angular/app/app.component.html b/JSDemos/Demos/Toast/Overview/Angular/app/app.component.html
index 2e38ad2e312..7e1f4205095 100644
--- a/JSDemos/Demos/Toast/Overview/Angular/app/app.component.html
+++ b/JSDemos/Demos/Toast/Overview/Angular/app/app.component.html
@@ -11,6 +11,11 @@
       </dx-check-box>
     </li>
   </ul>
-  <dx-toast [(visible)]="isVisible" [type]="type" [message]="message">
+  <dx-toast
+    [(visible)]="isVisible"
+    [type]="type"
+    [message]="message"
+    displayTime="600"
+  >
   </dx-toast>
 </div>
diff --git a/JSDemos/Demos/Toast/Overview/Vue/App.vue b/JSDemos/Demos/Toast/Overview/Vue/App.vue
index 4251d903343..2228c9b04b7 100644
--- a/JSDemos/Demos/Toast/Overview/Vue/App.vue
+++ b/JSDemos/Demos/Toast/Overview/Vue/App.vue
@@ -15,6 +15,7 @@
       v-model:visible="isVisible"
       v-model:message="message"
       v-model:type="type"
+      :display-time="600"
     />
   </div>
 </template>