"app-drawer"是一個由polymer編寫的抽屜組件，demo可看這里。

"app-drawer"由官方polymer團(tuán)隊(duì)維護(hù)著，屬于app-layout項(xiàng)目。
API可看這里。

"app-drawer"提供了很多可定制的功能，且可獨(dú)立使用（有些人可能認(rèn)為必須配合app-drawer-layout，其實(shí)不需要）；下面會以cookbook的形式來描述怎么使用它強(qiáng)大的功能。
大家最好同時打開著這個jsbin來實(shí)踐一番。

#1，打開/關(guān)閉drawer

let drawer = document.querySelector('app-drawer');

// 打開drawer
drawer.open();

// 關(guān)閉drawer
drawer.close();

// 通過設(shè)置opened屬性來打開/關(guān)閉drawer
drawer.opened = true

// toggle，打開時關(guān)閉，關(guān)閉時打開
drawer.toggle()

#2，將drawer放置在右方

設(shè)置align屬性（默認(rèn)為left）為right：

<app-drawer align="right">
</app-drawer>

查看jsbin。

#3，將drawer固定

可以通過設(shè)置persistent來將drawer固定，固定后依然能夠關(guān)閉/打開，但遮罩會消失。注意，如果你不特殊處理，它是會擋住下層內(nèi)容的。

<app-drawer persistent opened>
</app-drawer>

查看jsbin。

#4，設(shè)置drawer的打開/關(guān)閉的動畫時長

可以設(shè)置transitionDuration來控制動畫時長：

<app-drawer transition-duration="1000">
  <h2>Drawer</h2>
</app-drawer>

查看jsbin。

#5，屏幕邊緣滑動來打開drawer

設(shè)置swipeOpen為true：

<app-drawer swipe-open>
  <h2>Drawer</h2>
</app-drawer>