폴리머 제 2 종이 서랍

Question

내 사이트의 오른쪽에 두 번째 종이 서랍이 필요합니다. 폴리머 1과 종이 서랍 요소로 가능합니까? 나를위한 코드 샘플이 있습니까?

도움 주셔서 감사합니다.

Answer 1

는 Google의 요소를 사용하여 유지하려면, 당신은 그래서 당신은 예를 들어

Answer 2

폴리머의 paper-drawer-panel은 두 개 이상의 서랍을 지원하지 않지만 제 3 자 요소를 사용할 수 있습니다 : 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 : http://jsbin.com/qocuyurazi/edit?html,output