Welcome to react-connection-notification 👋
Notification component to display internet connection status
Prerequisites
- node >=10
Previews
Install
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
-
Website: https://cemkarakurt.com
-
Twitter: @ickarakurt
-
Github: @ickarakurt
-
LinkedIn: @ickarakurt
Show your support
Give a