README

weather-type-icons

A javascript library to convert weather-types to SVG icons.

Example

Code

import WeatherType from 'weather-type';
import {draw}      from 'weather-type-icons';

const weatherOption = WeatherType.fromString('storm');
weatherOption.map(weatherType => draw(weatherType, '#body');

Output

Storm icon

Further example outputs can be found here.

Install

npm install weather-type-icons --save

Usage

`draw(weatherType: WeatherType, selector: string)`

Appends an SVG element to an element in the HTML document mathcing the provided CSS selector. The SVG is a pictorial representation of the WeatherType.

Exposed classes

The generated SVG has default fill colours set for each component. However, these can be overridden by adding CSS 'fill' rules to the following CSS selectors:

Selector	Default `fill`	Component description
`.cloud`		Any cloud
`.cloud.light`	`lightgrey`	Light clouds
`.cloud.heavy`	`grey`	Heavy clouds
`.raindrop`	`dodgerblue`	Raindrops
`.hail`	`white`	Hail stones
`.snowflake`	`white`	Snowflakes
`.lightning`	`gold`	Lightning bolt
`.sun`	`gold`	Sun
`.icon-text`	`grey`	Text for Mist & Fog

License

MIT

Usage no npm install needed!