third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/README.md

   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 action area for buttons.
   7 Use the `<h2>` tag for the header and the `buttons` class for the action area. You can use the
   8 `paper-dialog-scrollable` element (in its own repository) if you need a scrolling 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 ```