shell
npm install --save @polymer/polymer
import {PolymerElement, html} from '@polymer/polymer/polymer-element.js';
class MyElement extends PolymerElement {
static get template() {
return html`
<style>
:host {
display: block;
}
</style>
<h1>Welcome to Polymer!</h1>
`;
}
}
import {html, PolymerElement} from '@polymer/polymer/polymer-element.js';
import {customElement} from '@polymer/decorators';
@customElement('my-element')
export class MyElement extends PolymerElement {
static get template() {
return html`
<style>
:host {
display: block;
}
</style>
<h1>Welcome to Polymer!</h1>
`;
}
}
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My App</title>
<script type="module" src="/webjars/@polymer/polymer/polymer-element.js"></script>
<script type="module" src="/path/to/my-element.js"></script>
</head>
<body>
<my-element></my-element>
</body>
</html>
