designer

designer.html

<link rel="import" href="../core-icon/core-icon.html">
<link rel="import" href="../paper-tabs/paper-tabs.html">

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

  <template>
    <style>    
      #core_icon {
        height: 24px;
        width: 24px;
        position: absolute;
        left: 140px;
        top: 40px;
      }
      #paper_tabs {
        width: 300px;
        position: absolute;
        left: 290px;
        top: 140px;
      }
    </style>
    <core-icon size="24" icon="{{ icon }}" theme="core-light-theme" id="core_icon"></core-icon>
    <paper-tabs responsivewidth="480px" selected="{{ selected }}" valueattr="name" selectedclass="core-selected" selectedattribute="active" selectedindex="2" activateevent="tap" id="paper_tabs">
      <div id="div">ALL</div>
      <div id="div1">CAMERA</div>
      <div id="div2" class="core-selected" active>RECENT</div>
    </paper-tabs>
  </template>

  <script>

    Polymer('my-element', {
      icon: 'search',
      selected: 2,
      doStuff: function () {
        console.log('stuff');
      }
    });

  </script>

</polymer-element>