Wondering what’s next for npm?Check out our public roadmap! »

@intern0t/react-weather-icons

1.0.3 • Public • Published

react-weather-icons

A React component library for weather icons by @erikflowers.

NPM JavaScript Style Guide Build Status

Weather Icons Black

View more color play Samples & Color play, reference Icon components here.


Install

npm i @intern0t/react-weather-icons --save

Import

import * as Icons from "@intern0t/react-weather-icons";
import { NightCloudyGusts } from "@intern0t/react-weather-icons";

Usage

<Icons.NightCloudyGusts color="#000" size={30} />
<NightCloudyGusts color="#000" size={30} />

The size defaults to 30 if no size arguments are provided, and color defaults to #000000.


Automation for weather information fetching

All the icons are capitalized and trimmed of all non-alphanumeric characters; hence, you may reverse the process to associate the response from various weather APIs to the icons in this library.

To associate the icons to the response from various weather API providers such as Open Weather Map, World Meteorological Organization, Weather Underground, Forecast.io, and Yahoo. First, you need to have a specific reference list implemented to your application.

Then, replace - in the associated value with space () and capitalize all the words, then replace the spaces () with nothing "". This ends up generating a variable associated with the icon which you can use.

Example

If the request to Open Weather Map's API returned icon id of 310 (wi-owm-day-310), then the value associated would be day-rain, replace all the - with to have day rain and capitalize all the words in the string. In Day Rain, replace all the spaces with nothing "" to achieve DayRain, which is an icon name.


Acknowledgments

License

GPL © intern0t

Keywords

none

Install

npm i @intern0t/react-weather-icons

DownloadsWeekly Downloads

3

Version

1.0.3

License

GPL

Unpacked Size

2.34 MB

Total Files

7

Last publish

Collaborators

  • avatar