designer

designer.html

<link rel="import" href="../polymer-ui-toolbar/polymer-ui-toolbar.html">
<link rel="import" href="../polymer-ui-icon-button/polymer-ui-icon-button.html">
<link rel="import" href="../polymer-ui-menu-button/polymer-ui-menu-button.html">
<link rel="import" href="../polymer-ui-menu-item/polymer-ui-menu-item.html">

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

  <template>
    <style>    
      #canvas {
        overflow: hidden;
      }
      #polymer_ui_toolbar {
        right: 0px;
        left: 0px;
        position: absolute;
        top: 220px;
      }
    </style>
    <polymer-ui-toolbar responsivewidth="800px" theme="polymer-ui-light-theme" id="polymer_ui_toolbar" class="align-center polymer-ui-light-theme flexbox">
      <polymer-ui-icon-button icon="menu" index="-1" id="polymer_ui_icon_button" class="polymer-ui-light-theme"></polymer-ui-icon-button>
      <div id="div" flex>Title</div>
      <polymer-ui-icon-button icon="refresh" index="-1" id="polymer_ui_icon_button1" class="polymer-ui-light-theme"></polymer-ui-icon-button>
      <polymer-ui-icon-button icon="add" index="-1" id="polymer_ui_icon_button2" class="polymer-ui-light-theme"></polymer-ui-icon-button>
      <polymer-ui-menu-button icon="dots" selected="0" halign="center" valign="bottom" selectedclass="polymer-selected" valueattr="name" theme="polymer-ui-light-theme" id="polymer_ui_menu_button">
        <polymer-ui-menu-item label="Settings" icon="settings" id="polymer_ui_menu_item" class="polymer-ui-light-theme polymer-selected" src active></polymer-ui-menu-item>
        <polymer-ui-menu-item label="Dialog" icon="dialog" id="polymer_ui_menu_item1" class="polymer-ui-light-theme" src></polymer-ui-menu-item>
        <polymer-ui-menu-item label="Search" icon="search" id="polymer_ui_menu_item2" class="polymer-ui-light-theme" src></polymer-ui-menu-item>
      </polymer-ui-menu-button>
    </polymer-ui-toolbar>
  </template>

  <script>

    Polymer('my-element', {
      
    });

  </script>

</polymer-element>