Add notification toasts

2025-07-23 08:57:43 -10:00
parent b25d036f52
commit ffd3bad9da
2 changed files with 32 additions and 0 deletions
@@ -0,0 +1,17 @@
+@props([
+
+    'timeout' => 5000,
+    'id' => uniqid('toast-'),
+    'position' => 'toast-top toast-center',
+])
+
+<div
+        x-data="{ show: true }"
+        x-init="setTimeout(() => show = false, {{ $timeout }})"
+        x-show="show"
+        x-transition
+        id="{{ $id }}"
+        class="toast {{ $position }} z-50"
+>
+    {{ $slot }}
+</div>