| OLD | NEW |
| 1 # paper-drawer-panel | 1 # paper-drawer-panel |
| 2 | 2 |
| 3 `paper-drawer-panel` contains a drawer panel and a main panel. The drawer | 3 `paper-drawer-panel` contains a drawer panel and a main panel. The drawer |
| 4 and the main panel are side-by-side with drawer on the left. When the browser | 4 and the main panel are side-by-side with drawer on the left. When the browser |
| 5 window size is smaller than the `responsiveWidth`, `paper-drawer-panel` | 5 window size is smaller than the `responsiveWidth`, `paper-drawer-panel` |
| 6 changes to narrow layout. In narrow layout, the drawer will be stacked on top | 6 changes to narrow layout. In narrow layout, the drawer will be stacked on top |
| 7 of the main panel. The drawer will slide in/out to hide/reveal the main | 7 of the main panel. The drawer will slide in/out to hide/reveal the main |
| 8 panel. | 8 panel. |
| 9 | 9 |
| 10 Use the attribute `drawer` to indicate that the element is the drawer panel and | 10 Use the attribute `drawer` to indicate that the element is the drawer panel and |
| (...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 62 ``` | 62 ``` |
| 63 | 63 |
| 64 To position the drawer to the right, add `right-drawer` attribute. | 64 To position the drawer to the right, add `right-drawer` attribute. |
| 65 | 65 |
| 66 ```html | 66 ```html |
| 67 <paper-drawer-panel right-drawer> | 67 <paper-drawer-panel right-drawer> |
| 68 <div drawer> Drawer panel... </div> | 68 <div drawer> Drawer panel... </div> |
| 69 <div main> Main panel... </div> | 69 <div main> Main panel... </div> |
| 70 </paper-drawer-panel> | 70 </paper-drawer-panel> |
| 71 ``` | 71 ``` |
| OLD | NEW |