vue-online

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:

vue-online

A reactive online/offline component for vue.js

Vue online preview

Installation

npm install vue-online --save

Usage

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 ConnectionStatus.online 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.