app-drawer

"app-drawer"是一个由polymer编写的抽屉组件，demo可看这里。

"app-drawer"由官方polymer团队维护着，属于app-layout项目。
API可看这里。

"app-drawer"提供了很多可定制的功能，且可独立使用（有些人可能认为必须配合app-drawer-layout，其实不需要）；下面会以cookbook的形式来描述怎么使用它强大的功能。
大家最好同时打开着这个jsbin来实践一番。

#1，打开/关闭drawer

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

// 打开drawer
drawer.open();

// 关闭drawer
drawer.close();

// 通过设置opened属性来打开/关闭drawer
drawer.opened = true

// toggle，打开时关闭，关闭时打开
drawer.toggle()

#2，将drawer放置在右方

设置align属性（默认为left）为right：

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

查看jsbin。

#3，将drawer固定

可以通过设置persistent来将drawer固定，固定后依然能够关闭/打开，但遮罩会消失。注意，如果你不特殊处理，它是会挡住下层内容的。

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

查看jsbin。

#4，设置drawer的打开/关闭的动画时长

可以设置transitionDuration来控制动画时长：

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

查看jsbin。

#5，屏幕边缘滑动来打开drawer

设置swipeOpen为true：

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