13 lines
503 B
PHP
13 lines
503 B
PHP
@props(['on'])
|
|
|
|
<div class="alert alert-success" role="alert" 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' => 'small']) }}>
|
|
<div class="alert-body">
|
|
{{ $slot->isEmpty() ? 'Saved.' : $slot }}
|
|
</div>
|
|
</div>
|