| <!-- import polymer-element's definition --> | |
| <link rel="import" href="packages/polymer/polymer.html"> | |
| <polymer-element name="click-counter" attributes="count"> | |
| <template> | |
| <style> | |
| div { | |
| font-size: 24pt; | |
| text-align: center; | |
| margin-top: 140px; | |
| } | |
| button { | |
| font-size: 24pt; | |
| margin-bottom: 20px; | |
| } | |
| </style> | |
| <div> | |
| <button on-click="{{increment}}">Click me</button><br> | |
| <span>(click count: {{count}})</span> | |
| </div> | |
| </template> | |
| <script type="application/dart" src="clickcounter.dart"></script> | |
| </polymer-element> | |