Note: Cannot use button close to dismiss Notification!
+
+
+
+
+
+
+
+
+ {notificationText}
+
+
+
+
+
+
+
+
+
+
Second button using Promises
+
$nextTick returns a promise, allowing the use of $nextTick to pause an async function until after pending dom updates. When used like this, $nextTick also does not require an argument to be passed.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/app/test/alpinejs-notification-promises/src/LICENSE.txt b/app/test/alpinejs-notification-promises/src/LICENSE.txt
new file mode 100644
index 00000000..8b5a9b34
--- /dev/null
+++ b/app/test/alpinejs-notification-promises/src/LICENSE.txt
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2024 Info Opensource (https://codepen.io/iopensource/pen/XWwVEOb)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/app/test/alpinejs-notification-promises/src/README.md b/app/test/alpinejs-notification-promises/src/README.md
new file mode 100644
index 00000000..e91bcdad
--- /dev/null
+++ b/app/test/alpinejs-notification-promises/src/README.md
@@ -0,0 +1,4 @@
+# Alpinejs notification+promises
+
+A Pen created on CodePen.io. Original URL: [https://codepen.io/iopensource/pen/XWwVEOb](https://codepen.io/iopensource/pen/XWwVEOb).
+
diff --git a/app/test/alpinejs-notification-promises/src/index.html b/app/test/alpinejs-notification-promises/src/index.html
new file mode 100644
index 00000000..836f0e72
--- /dev/null
+++ b/app/test/alpinejs-notification-promises/src/index.html
@@ -0,0 +1,82 @@
+
+
+
Alpine.js Notification
+
+
+
+
Button onclick triggers notification
+
+
+
+
+
+
Note: Cannot use button close to dismiss Notification!
+
+
+
+
+
+
+
+
+ {notificationText}
+
+
+
+
+
+
+
+
+
+
Second button using Promises
+
$nextTick returns a promise, allowing the use of $nextTick to pause an async function until after pending dom updates. When used like this, $nextTick also does not require an argument to be passed.