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 |