designer

designer.html

<link rel="import" href="../polymer-ui-breadcrumbs/polymer-ui-breadcrumbs.html">
<link rel="import" href="../polymer-ui-toggle-button/polymer-ui-toggle-button.html">
<link rel="import" href="../polymer-ui-ratings/polymer-ui-ratings.html">
<style>
  #polymer_ui_breadcrumbs {
    position: absolute;
    left: 140px;
    top: 110px;
  }
  #polymer_ui_toggle_button {
    position: absolute;
    left: -120px;
    top: 270px;
  }
  #polymer_ui_ratings {
    position: absolute;
    left: 180px;
    top: 260px;
  }
  #canvas {
    overflow: hidden;
  }
  #polymer_ui_toggle_button1 {
    position: absolute;
    left: 160px;
    top: 320px;
  }
</style>
<polymer-ui-breadcrumbs crumbs='[{"label": "Overview"}, {"label": "Subitem1"}, {"label": "Subitem2"},{"label": "Subitem3"}]' id="polymer_ui_breadcrumbs" selected></polymer-ui-breadcrumbs>
<polymer-ui-toggle-button oncaption="ON" offcaption="OFF" id="polymer_ui_toggle_button"></polymer-ui-toggle-button>
<polymer-ui-ratings count="5" value="3" id="polymer_ui_ratings"></polymer-ui-ratings>
<polymer-ui-toggle-button oncaption="ON" offcaption="OFF" id="polymer_ui_toggle_button1"></polymer-ui-toggle-button>