A collection of web components implementing portions of the OpenWeatherMap API.
![](https://raw.githubusercontent.com/kherrick/x-weather/master/assets/x-weather-screenshot.png)
Install:
npm i x-weather
Render:
<script type="module">
import * as XWeather from './node_modules/x-weather/dist/esm/module.js'
XWeather.defineCustomElements()
</script>
<x-weather
appid="NOT_A_REAL_APP_ID"
latitude="33.43"
longitude="-112.11"
placename="Phoenix, Arizona"
>
<x-current primaryscale="f"></x-current>
<x-forecast days="14" primaryscale="f"></x-forecast>
</x-weather>
Render:
<script>
import('https://unpkg.com/x-weather/dist/esm/defineCustomElements.js')
.then(({
defineCustomElements
}) => {
defineCustomElements()
})
</script>
<x-weather
appid="NOT_A_REAL_APP_ID"
latitude="33.43"
longitude="-112.11"
placename="Phoenix, Arizona"
>
<x-current primaryscale="f"></x-current>
<x-forecast days="14" primaryscale="f"></x-forecast>
</x-weather>
npm run start
npm run lint
npm run build