YC-Battery
An example of a webcomponent using Lit-element.
Installation
npm install yc-batteryor using yarn:
yarn add yc-batteryUsage
Recommended way: in a lit template (see also, demo folder):
import { html, render } from 'lit-html';
import '../src/YCBattery.js';
const app = document.getElementById('myApp');
const template = html`
<yc-battery .fillAmount=${30}></yc-battery>
`;
render(template, app);Regular usage in html:
<!DOCTYPE html>
<html lang="en">
<head>
<script type="module">
import 'yc-battery/yc-battery.js';
</script>
</head>
<body>
<yc-battery fillAmount="10"></yc-battery>
</body>
</html>