designer

designer.html

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

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

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
      }
      #polymer_ui_scaffold {
        height: 400px;
        width: 400px;
        position: absolute;
        left: 50px;
        top: 130px;
      }
      #div {
        padding: 8px;
      }
      #polymer_ui_sidebar_menu {
        width: 200px;
        height: 100%;
      }
    </style>
    <polymer-ui-scaffold id="polymer_ui_scaffold" theme="polymer-ui-dark-theme">
      <polymer-ui-icon-button icon="account" id="polymer_ui_icon_button" tool class="polymer-ui-dark-theme"></polymer-ui-icon-button>
      <polymer-ui-icon-button icon="briefcase" id="polymer_ui_icon_button1" tool class="polymer-ui-dark-theme"></polymer-ui-icon-button>
      <polymer-ui-menu-button selectedclass="polymer-selected" valueattr="name" id="polymer_ui_menu_button" tool icon="dots">
        <polymer-ui-menu-item id="polymer_ui_menu_item" class="polymer-ui-dark-theme ">Item</polymer-ui-menu-item>
        <polymer-ui-menu-item id="polymer_ui_menu_item1" class="polymer-ui-dark-theme">Item</polymer-ui-menu-item>
      </polymer-ui-menu-button>
      <div id="div" main>
        Content.
      </div>
      <polymer-ui-sidebar-menu label="Navigation" id="polymer_ui_sidebar_menu" navigation class="column polymer-ui-dark-theme flexbox">
        <polymer-ui-menu-item class="polymer-ui-dark-theme">Item</polymer-ui-menu-item>
        <polymer-ui-menu-item class="polymer-ui-dark-theme">Item</polymer-ui-menu-item>
      </polymer-ui-sidebar-menu>
    </polymer-ui-scaffold>
  </template>

  <script>

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

  </script>

</polymer-element>