Skip to content

wire:offline

Laravel Livewire Documentation Reference

Since Magewire is heavily inspired by Laravel Livewire, many concepts are either identical or very similar. To avoid duplicating documentation, this page only covers Magewire-specific and platform-specific details. For all general concepts and in-depth explanations, you can refer to the corresponding Laravel Livewire documentation.

Livewire Reference

wire:offline toggles an element when the browser emits its offline and online events:

<p wire:offline role="status">
    <?= $escaper->escapeHtml(__('You are offline.')) ?>
</p>

Magewire's base CSS hides a plain offline element initially. The .class, .attr, and .remove modifiers can update an existing control instead. Detection reflects browser network state only; it is not a health check for Magento or the Magewire update route.

See Offline States for failure-handling and polling considerations.