Javascript 第二纸盒

我需要在我的网站右侧的第二个纸盒。 聚合物1和纸盒元件是否可以实现这一点？ 有人给我一个代码样本吗

谢谢你的帮助

聚合物不支持多个抽屉，但您可以使用第三方元素：

...
...
...

作为将来的参考，我建议搜索您可能需要的任何元素。搜索结果包括Polymer自己的元素以及社区贡献的元素。

只需嵌套抽屉

  <paper-drawer-panel force-narrow drawer-toggle-attribute="d1" class="fit">
    <div drawer>
      <!-- Left drawer here -->

    </div>
    <div main class="fit">
      <paper-drawer-panel force-narrow right-drawer drawer-toggle-attribute="d2" class="fit">
        <div drawer>
          <!-- Right drawer here -->

        </div>
        <div main class="fit">

          <!-- Main contents go here -->
          <h1>Left-drawer toggle</h1>
          <paper-icon-button d1 icon="menu"></paper-icon-button>
          <h1>Right-drawer toggle</h1>
          <paper-icon-button d2 icon="menu"></paper-icon-button>

        </div>
      </paper-drawer-panel>
    </div>
  </paper-drawer-panel>

左抽屉开关
右抽屉开关

---

工作jsbin:

如果你想继续使用Google的元素，你可以使用app layout's，它们甚至有一个示例，你可以查看相关文档：嘿，谢谢！我看了文件，但我的问题不是我不能把抽屉放在网站的右边。我需要第二个来把内容放进去。对不起，我不知道。我只是链接到文档，为其他知道聚合物但不记得

纸盒面板如何工作的回答者节省时间。你又一次击败了我：）。但是是的，
纸张多抽屉面板
很棒@TomaszPluskiewicz:）我同意我推荐Alan回答中的2抽屉
应用抽屉布局
，尽管最终结果与
纸张多抽屉布局
中的略有不同。这似乎达到了与Alan指出的2抽屉
应用抽屉布局相同的效果（大部分）。
  <paper-drawer-panel force-narrow drawer-toggle-attribute="d1" class="fit">
    <div drawer>
      <!-- Left drawer here -->

    </div>
    <div main class="fit">
      <paper-drawer-panel force-narrow right-drawer drawer-toggle-attribute="d2" class="fit">
        <div drawer>
          <!-- Right drawer here -->

        </div>
        <div main class="fit">

          <!-- Main contents go here -->
          <h1>Left-drawer toggle</h1>
          <paper-icon-button d1 icon="menu"></paper-icon-button>
          <h1>Right-drawer toggle</h1>
          <paper-icon-button d2 icon="menu"></paper-icon-button>

        </div>
      </paper-drawer-panel>
    </div>
  </paper-drawer-panel>