React Wifi Status Indicator

A simple wifi status indicator for react applications

Demo

Demo / Storybook

Installation

Install react-wifi-status-indicator with npm

  npm install react-wifi-status-indicator

Install react-wifi-status-indicator with yarn

  yarn add react-wifi-status-indicator

API Reference

Parameter	Type	Description
status	WifiStatusType	"Excellent", "Good", "Fair", "Poor", "Unavailable", "Error", "Searching"
color	string	Set to color for wifi status levels
errorColor	string	Set to color for wifi status when error occurs
offlineColor	string	Set to color for wifi status when offline
width	string / number	Set to width for wifi status icon, By default takes the parent width

Usage/Examples

// ES6 or TypeScript:
import {WifiStatus, WifiStatusType} from 'react-wifi-status-indicator';

const WifiStatusExample = () =>{
  return <WifiStatus status={WifiStatusType.Fair} width={100}>
}

export default WifiStatusExample;

License

MIT