0.0.2 • Published 6 years ago
is-online-component v0.0.2
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;
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 |