by Sopamo

Sopamo /vue-online

A reactive offline indicator component for vue.js

130 Stars 14 Forks Last release: Not found MIT License 32 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:


A reactive online/offline component for vue.js

Vue online preview


npm install vue-online --save


That's a basic example of a component which would just show the offline message if the user has no connection:

Advanced usage (with the reactive online variable)

You can use anywhere in your app, it updates dynamically as the connection of the user changes.

Custom offline message

To use a custom message, simply specify it on the component:

Custom styling

To style the offline indicator just use the css selector div.offline-indicator:

div.offline-indicator {
  background: red;
  color: white;

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.