designer

designer.html

<link rel="import" href="../polymer/polymer.html">

<polymer-element attributes="counter" name="my-counter">

  <template>
    <style>    
    </style>
    <div id="label">
      <content></content>
    </div>
    <span id="counterVal">{{ counter }}</span>
    <br></br>
    <br></br>
    <br></br>
    <br></br>
    <br></br>
    <br></br>
    <br></br>
    <br></br>
    <br></br>
    <br></br>
    <br></br>
    <br></br>
    <br></br>
    <br></br>
    <br></br>
    <br></br>
    <button type="submit" willvalidate id="button" on-tap="{{ increment }}">Increment</button>
  </template>

  <script>

    Polymer({
      counter: 0,
      counterChanged: function () {
        this.$.counterVal.classList.add('highlight');
      },
      increment: function () {
        this.counter++;
      }
    });

  </script>

</polymer-element>