Offline State

You can use wire:offline to display elements when Livewire detects that the user is offline.
<div wire:offline><!-- Oh no, you're offline --></div>
You can also append .class to your wire:offline Directive and specify a CSS class to toggle when the user is offline.
<div wire:offline.class="online" class="online"></div>
Use .remove to specify classes you want to be removed when offline.
<div wire:offline.class.remove="im-online" class="im-online"></div>

Template Features - Previous

Prefetching

Next - Template Features

Defer Loading

Last modified 7mo ago

Export as PDF

Copy link