react-weather-station 👋

A customizable react component that displays weather informations about a given city

Installation

npm i react-weather-station

Demo & examples 👀

https://axelmy-projects-showcase.firebaseapp.com/react-weather-station (...with code 😉)

Screenshots

Using the WeatherWidget component

Using the WeatherPanel provider

Usage 💻

import React, { useState, useRef } from 'react';
import { WeatherWidget } from 'react-weather-station';

const BasicExample = () => {
    const [location, setLocation] = useState('lausanne')
    const locationRef = useRef()

    return (
        <>
            <input ref={locationRef} type='text' />&nbsp;
            <button onClick={() => setLocation(locationRef.current.value)}>search</button>
            
            <div style={{marginTop: '10px'}}></div>

            <WeatherWidget location={location} />
        </>
    );
};

export default BasicExample;

API ✔

| Properties | type | default | description | |--|--|--|--| | location | string | '' | The location to fetch the weather for | | theme | string | 'main' | | | color | string | 'secondary | The little splashes of colors | | moreDetails | boolean | false | wether to show more details or not|