/
hello-world.html
33 lines (31 loc) · 1007 Bytes
/
hello-world.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!-- Dependency resources -->
<link rel="import" href="../../bower_components/polymer/polymer-element.html">
<link rel="import" href="../../bower_components/vaadin-themable-mixin/vaadin-themable-mixin.html">
<!-- Defines the element -->
<dom-module id="hello-world">
<template>
<style>
p {
font-size: 1.2em;
}
</style>
<p on-click="_onClick">Hello <strong>{{who}}</strong> :)</p>
</template>
<!-- Polymer boilerplate to register the element -->
<script>
class HelloWorld extends Vaadin.ThemableMixin(Polymer.Element) {
static get is() {
return 'hello-world';
}
static get properties() {
return {
who: {
type: String,
value: "World"
}
}
}
}
customElements.define(HelloWorld.is, HelloWorld);
</script>
</dom-module>