npm install -g polymer-cli
polymer init
html
<script type="module" src="./node_modules/@polymer/polymer/polymer-element.js"></script>
<dom-module id="my-component">
<template>
<style>
:host {
display: block;
}
</style>
<div>{{message}}</div>
</template>
<script>
class MyComponent extends Polymer.Element {
static get is() { return 'my-component'; }
static get properties() {
return {
message: {
type: String,
value: 'Hello, Polymer!'
}
};
}
}
window.customElements.define(MyComponent.is, MyComponent);
</script>
</dom-module>
html
<html>
<head>
<script type="module" src="./node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<link rel="import" href="./my-component.html">
</head>
<body>
<my-component></my-component>
</body>
</html>
