| Index: third_party/polymer/v1_0/components-chromium/paper-dialog/README.md
|
| diff --git a/third_party/polymer/v1_0/components-chromium/paper-dialog/README.md b/third_party/polymer/v1_0/components-chromium/paper-dialog/README.md
|
| index a4d5c7f15fae831c41f1304c3b45294ef36d4e7c..4bcd5d412df0b8b81cbb786489a8b34e676fd85d 100644
|
| --- a/third_party/polymer/v1_0/components-chromium/paper-dialog/README.md
|
| +++ b/third_party/polymer/v1_0/components-chromium/paper-dialog/README.md
|
| @@ -1,3 +1,68 @@
|
| -# paper-dialog
|
|
|
| -A Material Design dialog
|
| +<!---
|
| +
|
| +This README is automatically generated from the comments in these files:
|
| +paper-dialog.html
|
| +
|
| +Edit those files, and our readme bot will duplicate them over here!
|
| +Edit this file, and the bot will squash your changes :)
|
| +
|
| +-->
|
| +
|
| +[](https://travis-ci.org/PolymerElements/paper-dialog)
|
| +
|
| +_[Demo and API Docs](https://elements.polymer-project.org/elements/paper-dialog)_
|
| +
|
| +
|
| +##<paper-dialog>
|
| +
|
| +
|
| +Material design: [Dialogs](https://www.google.com/design/spec/components/dialogs.html)
|
| +
|
| +`<paper-dialog>` is a dialog with Material Design styling and optional animations when it is
|
| +opened or closed. It provides styles for a header, content area, and an action area for buttons.
|
| +You can use the `<paper-dialog-scrollable>` element (in its own repository) if you need a scrolling
|
| +content area. See `Polymer.PaperDialogBehavior` for specifics.
|
| +
|
| +For example, the following code implements a dialog with a header, scrolling content area and
|
| +buttons.
|
| +
|
| + <paper-dialog>
|
| + <h2>Header</h2>
|
| + <paper-dialog-scrollable>
|
| + Lorem ipsum...
|
| + </paper-dialog-scrollable>
|
| + <div class="buttons">
|
| + <paper-button dialog-dismiss>Cancel</paper-button>
|
| + <paper-button dialog-confirm>Accept</paper-button>
|
| + </div>
|
| + </paper-dialog>
|
| +
|
| +### Styling
|
| +
|
| +See the docs for `Polymer.PaperDialogBehavior` for the custom properties available for styling
|
| +this element.
|
| +
|
| +### Animations
|
| +
|
| +Set the `entry-animation` and/or `exit-animation` attributes to add an animation when the dialog
|
| +is opened or closed. See the documentation in
|
| +[PolymerElements/neon-animation](https://github.com/PolymerElements/neon-animation) for more info.
|
| +
|
| +For example:
|
| +
|
| + <link rel="import" href="components/neon-animation/animations/scale-up-animation.html">
|
| + <link rel="import" href="components/neon-animation/animations/fade-out-animation.html">
|
| +
|
| + <paper-dialog entry-animation="scale-up-animation"
|
| + exit-animation="fade-out-animation">
|
| + <h2>Header</h2>
|
| + <div>Dialog body</div>
|
| + </paper-dialog>
|
| +
|
| +### Accessibility
|
| +
|
| +See the docs for `Polymer.PaperDialogBehavior` for accessibility features implemented by this
|
| +element.
|
| +
|
| +
|
|
|