Leocardoso94 / is-online-component

A simple react component that detect online and offline changes

is-online-component

A simple react component that detects online and offline changes

Live demo here

Usage

$ npm install is-online-component
# OR
$ yarn add is-online-component

import React from 'react';
import IsOnline from 'is-online-component';

const handleChange = (isOnline) => {
  console.log(isOnline);
};

const App = () => (
  <div>
    <IsOnline
      OnlineComponent={<h1>online</h1>}
      OfflineComponent={<h1>offline</h1>}
      onChange={handleChange}
    />
  </div>
);

export default App;

View demo here

Props

Following props are used while initialization

Prop Name	Type	Description
OnlineComponent (optional)	React.Component or String	the component that will be renderized when browser is online
OfflineComponent (optional)	React.Component or String	the component that will be renderized when browser is offline
onChange (optional)	Function	function that will be called when the navigator be online or offline