Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(540)

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-dialog/README.md

Issue 1468623004: Update Polymer from 1.2.1 -> 1.2.3 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@travis-yml
Patch Set: local-state.html Created 5 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 # paper-dialog
2 1
3 A Material Design dialog 2 <!---
3
4 This README is automatically generated from the comments in these files:
5 paper-dialog.html
6
7 Edit those files, and our readme bot will duplicate them over here!
8 Edit this file, and the bot will squash your changes :)
9
10 -->
11
12 [![Build Status](https://travis-ci.org/PolymerElements/paper-dialog.svg?branch=m aster)](https://travis-ci.org/PolymerElements/paper-dialog)
13
14 _[Demo and API Docs](https://elements.polymer-project.org/elements/paper-dialog) _
15
16
17 ##&lt;paper-dialog&gt;
18
19
20 Material design: [Dialogs](https://www.google.com/design/spec/components/dialogs .html)
21
22 `<paper-dialog>` is a dialog with Material Design styling and optional animation s when it is
23 opened or closed. It provides styles for a header, content area, and an action a rea for buttons.
24 You can use the `<paper-dialog-scrollable>` element (in its own repository) if y ou need a scrolling
25 content area. See `Polymer.PaperDialogBehavior` for specifics.
26
27 For example, the following code implements a dialog with a header, scrolling con tent area and
28 buttons.
29
30 <paper-dialog>
31 <h2>Header</h2>
32 <paper-dialog-scrollable>
33 Lorem ipsum...
34 </paper-dialog-scrollable>
35 <div class="buttons">
36 <paper-button dialog-dismiss>Cancel</paper-button>
37 <paper-button dialog-confirm>Accept</paper-button>
38 </div>
39 </paper-dialog>
40
41 ### Styling
42
43 See the docs for `Polymer.PaperDialogBehavior` for the custom properties availab le for styling
44 this element.
45
46 ### Animations
47
48 Set the `entry-animation` and/or `exit-animation` attributes to add an animation when the dialog
49 is opened or closed. See the documentation in
50 [PolymerElements/neon-animation](https://github.com/PolymerElements/neon-animati on) for more info.
51
52 For example:
53
54 <link rel="import" href="components/neon-animation/animations/scale-up-anima tion.html">
55 <link rel="import" href="components/neon-animation/animations/fade-out-anima tion.html">
56
57 <paper-dialog entry-animation="scale-up-animation"
58 exit-animation="fade-out-animation">
59 <h2>Header</h2>
60 <div>Dialog body</div>
61 </paper-dialog>
62
63 ### Accessibility
64
65 See the docs for `Polymer.PaperDialogBehavior` for accessibility features implem ented by this
66 element.
67
68
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698