OLD | NEW |
| (Empty) |
1 # paper-dialog-behavior | |
2 | |
3 `paper-dialog-behavior` implements behavior related to a Material Design dialog.
Use this behavior | |
4 and include `paper-dialog-common.css` in your element to implement a dialog. | |
5 | |
6 `paper-dialog-common.css` provide styles for a header, content area, and an acti
on area for buttons. | |
7 Use the `<h2>` tag for the header and the `buttons` class for the action area. Y
ou can use the | |
8 `paper-dialog-scrollable` element (in its own repository) if you need a scrollin
g content area. | |
9 | |
10 Use the `dialog-dismiss` and `dialog-confirm` attributes on interactive controls
to close the | |
11 dialog. | |
12 | |
13 For example, if `<paper-dialog-impl>` implements this behavior: | |
14 | |
15 ```html | |
16 <paper-dialog-impl> | |
17 <h2>Header</h2> | |
18 <div>Dialog body</div> | |
19 <div class="buttons"> | |
20 <paper-button dialog-dismiss>Cancel</paper-button> | |
21 <paper-button dialog-confirm>Accept</paper-button> | |
22 </div> | |
23 </paper-dialog-impl> | |
24 ``` | |
OLD | NEW |