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 |