An open API service indexing awesome lists of open source software.

https://github.com/cosmo-frameworks/cf-react-internet-status

NPM package to check internet connection status in react
https://github.com/cosmo-frameworks/cf-react-internet-status

connectivity internet npm react status

Last synced: about 2 months ago
JSON representation

NPM package to check internet connection status in react

Awesome Lists containing this project

README

          

# cf-react-internet-status

## Installation

```
npm install cf-react-internet-status
```

## Example

Import and use the **InternetStatusProvider**, then you can use the hook **useInternetStatusContext**

```typescript
import {
InternetStatusProvider,
useInternetStatusContext,
} from "cf-react-internet-status";

function App() {
const { isOnline } = useInternetStatusContext();

return (

{isOnline ? (

You're connected to the internet.


) : (

No internet connection.


)}

);
}

export default App;
```

You can also use the component **InternetStatus**

```typescript
import {
InternetStatusProvider,
InternetStatus,
} from "cf-react-internet-status";

function App() {
return (



);
}

export default App;
```