ポリマー2nd Paper Drawer

Question

私のサイトの右側に2番目の紙引き出しが必要です。 これはポリマー1と紙引き出し要素で可能ですか？ 誰かに私のためのコードサンプルがありますか？

ご協力いただきありがとうございます。

Answer 1

、彼らはそうであっても、あなたが例

Answer 2

ポリマーのpaper-drawer-panelは複数の引き出しをサポートしていませんが、サードパーティの要素を使用することができます：paper-multidrawer-panel。今後の参考のために

<paper-multidrawer-panel> 
    <paper-header-panel left-drawer>...</paper-header-panel> 
    <paper-header-panel right-drawer>...</paper-header-panel> 
    <paper-header-panel main>...</paper-header-panel> 
</paper-multidrawer-panel> 

codepen

、私はあなたが必要とする可能性のあるすべての要素のためhttps://customelements.ioを検索お勧めします。検索結果には、Polymer独自の要素とコミュニティが提供する要素が含まれます。

Answer 3

引き出しをちょうど入れ子にしますか？

<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-drawer-layoutを使用することができますhttp://jsbin.com/qocuyurazi/edit?html,output