Skip to content

Instantly share code, notes, and snippets.

@patrickmaciel

patrickmaciel/notification-livewire-alpine.html

Created December 7, 2021 02:21
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save patrickmaciel/9df4950e2791bbce57697bc69783b293 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save patrickmaciel/9df4950e2791bbce57697bc69783b293 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. patrickmaciel created this gist Dec 7, 2021.
    3 changes: 3 additions & 0 deletions notification-livewire-alpine.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,3 @@
    <!-- listen notify-saved then show a span with messages that vanish in 1000ms -->
    <span x-cloak x-data="{ open: false, message: '' }" x-init="@this.on('notify-saved', () => { setTimeout(() => { open = false }, 2500); open = true;
    }) " x-show='open' x-transition.out.duration.1000ms class="text-green-600">Salvo com sucesso!</span>