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

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

Issue 2113853002: Run bower update (Closed) Base URL: https://github.com/catapult-project/catapult@polymer10-migration
Patch Set: Created 4 years, 5 months 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 1
2 <!--- 2 <!---
3 3
4 This README is automatically generated from the comments in these files: 4 This README is automatically generated from the comments in these files:
5 paper-dialog-behavior.html 5 paper-dialog-behavior.html
6 6
7 Edit those files, and our readme bot will duplicate them over here! 7 Edit those files, and our readme bot will duplicate them over here!
8 Edit this file, and the bot will squash your changes :) 8 Edit this file, and the bot will squash your changes :)
9 9
10 The bot does some handling of markdown. Please file a bug if it does the wrong 10 The bot does some handling of markdown. Please file a bug if it does the wrong
(...skipping 25 matching lines...) Expand all
36 ``` 36 ```
37 37
38 `paper-dialog-shared-styles.html` provide styles for a header, content area, and an action area for buttons. 38 `paper-dialog-shared-styles.html` provide styles for a header, content area, and an action area for buttons.
39 Use the `<h2>` tag for the header and the `buttons` class for the action area. Y ou can use the 39 Use the `<h2>` tag for the header and the `buttons` class for the action area. Y ou can use the
40 `paper-dialog-scrollable` element (in its own repository) if you need a scrollin g content area. 40 `paper-dialog-scrollable` element (in its own repository) if you need a scrollin g content area.
41 41
42 Use the `dialog-dismiss` and `dialog-confirm` attributes on interactive controls to close the 42 Use the `dialog-dismiss` and `dialog-confirm` attributes on interactive controls to close the
43 dialog. If the user dismisses the dialog with `dialog-confirm`, the `closingReas on` will update 43 dialog. If the user dismisses the dialog with `dialog-confirm`, the `closingReas on` will update
44 to include `confirmed: true`. 44 to include `confirmed: true`.
45 45
46 ### Styling
47
48 The following custom properties and mixins are available for styling.
49
50 | Custom property | Description | Default |
51 | --- | --- | --- |
52 | `--paper-dialog-background-color` | Dialog background color | `--primary-backg round-color` |
53 | `--paper-dialog-color` | Dialog foreground color | `--primary-text-color` |
54 | `--paper-dialog` | Mixin applied to the dialog | `{}` |
55 | `--paper-dialog-title` | Mixin applied to the title (`<h2>`) element | `{}` |
56 | `--paper-dialog-button-color` | Button area foreground color | `--default-prim ary-color` |
57
58 ### Accessibility 46 ### Accessibility
59 47
60 This element has `role="dialog"` by default. Depending on the context, it may be more appropriate 48 This element has `role="dialog"` by default. Depending on the context, it may be more appropriate
61 to override this attribute with `role="alertdialog"`. 49 to override this attribute with `role="alertdialog"`.
62 50
63 If `modal` is set, the element will set `aria-modal` and prevent the focus from exiting the element. 51 If `modal` is set, the element will set `aria-modal` and prevent the focus from exiting the element.
64 It will also ensure that focus remains in the dialog. 52 It will also ensure that focus remains in the dialog.
65 53
66 54
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698