init

resources/views/components/action-message.blade.php

@@ -0,0 +1,14 @@
+@props([
+    'on',
+])
+
+<div
+    x-data="{ shown: false, timeout: null }"
+    x-init="@this.on('{{ $on }}', () => { clearTimeout(timeout); shown = true; timeout = setTimeout(() => { shown = false }, 2000); })"
+    x-show.transition.out.opacity.duration.1500ms="shown"
+    x-transition:leave.opacity.duration.1500ms
+    style="display: none"
+    {{ $attributes->merge(['class' => 'text-sm']) }}
+>
+    {{ $slot->isEmpty() ? __('Saved.') : $slot }}
+</div>