Ecosystems:
TypeScript
Better element for the web
Table of contents
Pre-requisites
-
Java 8 (
web-component-testerworks without any issue with Java 8) - Node.js >= 10.15.1
- NPM >= 6.4.1 (NPM comes with Node.js, no separate installation is required.)
- (Optional for non-VS Code users) Syntax Highlighting for lit-html in VS Code
Installation
# Install via NPM
$ npm install try-lit-element
Usage
HTML (with native ES modules)
<!-- For the sake of brevity, the HTML below is just for reference -->
<!doctype html>
<html>
<head>
<!-- Native ES modules -->
<script type="module" src="/path/to/my-element.js"></script>
</head>
<body>
<!-- Element declaration -->
<my-element></my-element>
</body>
</html>
JS/ TS file (w/ native ES modules)
import { css, html, LitElement } from 'lit-element';
import 'try-lit-element.js';
class MainApp extends LitElement {
public static styles = [
css`
:host {
display: block;
}
* {
box-sizing: border-box;
}
`,
];
protected render() {
return html`
<my-element></my-element>
`;
}
}
License
MIT License Rong Sen Ng (motss)
Badges
Extracted from project README