lit-wcui
rollup + typescript + lit
https://www.npmjs.com/package/lit-wcui
install
$ npm i lit-wcui
# OR
$ yarn add lit-wcuiusage
- ES Module
import 'lit-wcui';// react
export default function App() {
return (
<div className="App">
<wcui-element></wcui-element>
<wcui-element version="1.0.0"></wcui-element>
<div>
<a
href="https://www.npmjs.com/package/lit-wcui"
alt="lit-wcui"
title="lit-wcui"
>
https://www.npmjs.com/package/lit-wcui
</a>
</div>
</div>
);
}- CDN
load any project hosted on npm
https://cdn.jsdelivr.net/npm/package@version/file
https://cdn.jsdelivr.net/npm/lit-wcui@1.0.4/dist/index.umd.js https://cdn.jsdelivr.net/npm/lit-wcui@1.0.4/dist/index.esm.js https://cdn.jsdelivr.net/npm/lit-wcui@1.0.4/dist/index.iife.js
https://cdn.jsdelivr.net/npm/lit-wcui@1.0.4/dist/index.d.ts
<!DOCTYPE html>
<html>
<head>
<script type="module" src="https://cdn.jsdelivr.net/npm/lit-wcui@1.0.4/dist/index.umd.js"></script>
<!-- <script type="module" src="https://cdn.jsdelivr.net/npm/lit-wcui@1.0.4/dist/index.esm.js"></script> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/lit-wcui@1.0.4/dist/index.iife.js"></script> -->
<style>
body {
font-family: 'Open Sans', sans-serif;
font-size: 1.5em;
padding-left: 0.5em;
}
</style>
</head>
<body>
<wcui-element></wcui-element>
<wcui-element version="1.0.0"></wcui-element>
</body>
</html>live demo
https://codesandbox.io/s/lit-wcui-demo-st29pp
https://codesandbox.io/embed/zealous-cache-st29pp?fontsize=14&hidenavigation=1&theme=dark
