offline-tag

offline-tag is a React component that helps you easily display a message when the user is offline. It leverages the offline event listener to detect online and offline status.

Installation

To install offline-tag, use npm or yarn:

npm install offline-tag

Usage

import React from 'react';
import { Offline } from 'offline-tag';

function App() {
  return (
    <>
      <h1>Hello</h1>
      <Offline className="offline-text">No internet Bro</Offline>
    </>
  );
}

export default App;