x-weather
About
Installation
Add Internet Explorer 11 compatible polyfills
<div id="ce-es5-shim">
<script>
if (!window.customElements) {
var ceShimContainer = document.querySelector('#ce-es5-shim')
ceShimContainer.parentElement.removeChild(ceShimContainer)
}
</script>
<script
charset="utf-8"
src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"
></script>
</div>
<script
charset="utf-8"
src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-lite.js"
></script>
Load and register the web component in the CustomElementRegistry
<script src="https://cdn.jsdelivr.net/npm/x-weather@latest/lib/build-ie11-iife/iife/main.js"></script>
Usage
<x-weather
appid="NOT_A_REAL_API_KEY"
host="api.openweathermap.org"
location="Phoenix, Arizona"
>
<x-current scale="F"></x-current>
<x-forecast scale="F"></x-forecast>
</x-weather>
Additional information
- Other builds and examples (including basic service workers) can be found inside the lib folder
- The package can be installed and imported by npm:
npm i x-weather
import 'x-weather/lib/build-no-polyfills-esm/esm/main'