token-message.blade.php (504B)
1 @props(['on']) 2 3 <div x-data="{ shown: false, timeout: null, message: '' }" x-init="@this.on('{{ $on }}', (event) => { 4 clearTimeout(timeout); 5 shown = true; 6 timeout = setTimeout(() => { shown = false }, 2000); 7 message = event.detail.token 8 })" x-show.transition.out.opacity.duration.1500ms="shown" 9 x-transition:leave.opacity.duration.1500ms style="display: none;" 10 {{ $attributes->merge(['class' => 'text-sm text-gray-600 dark:text-gray-400']) }}> 11 <p x-text="message"></p> 12 </div>