react-connection-notification

React internet status notification

Usage no npm install needed!

<script type="module">
  import reactConnectionNotification from 'https://cdn.skypack.dev/react-connection-notification';
</script>

README

Welcome to react-connection-notification 👋

Version License: MIT License: MIT

Notification component to display internet connection status

Prerequisites

  • node >=10

Previews

Install

react-connection-notification

Development


npm install

npm start

Run tests


npm run test

Usage

import ConnectionNotification from 'react-connection-notification'

<ConnectionNotification/>

Properties

Name Type Default Description
position 'top-right' or 'top-left' or 'bottom-right' or 'bottom-left' bottom-left position of notification
hideDismissButton Boolean false hide dismiss button of notification
hideIcon Boolean false hide connection icon
onlineText String "You are online now" Online status text
offlineText String "You are offline now" Offline status text
onlineIcon String wifi-icon Online status icon
offlineIcon String no-wifi-icon Offline status icon
duration Number 2000 duration of notification. After duration, it will be hided
disableDuration Boolean false Disable duration and notification will be visible until user clicks dismiss button
style Object {} Custom styles

Author

👤 Cem Karakurt

Show your support

Give a ⭐️ if this project helped you!