OLD | NEW |
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-toast.html | 5 paper-toast.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 |
11 thing! https://github.com/PolymerLabs/tedium/issues | 11 thing! https://github.com/PolymerLabs/tedium/issues |
12 | 12 |
13 --> | 13 --> |
14 | 14 |
15 [](https://travis-ci.org/PolymerElements/paper-toast) | 15 [](https://travis-ci.org/PolymerElements/paper-toast) |
16 | 16 |
17 _[Demo and API docs](https://elements.polymer-project.org/elements/paper-toast)_ | 17 _[Demo and API docs](https://elements.polymer-project.org/elements/paper-toast)_ |
18 | 18 |
19 | 19 |
20 ##<paper-toast> | 20 ##<paper-toast> |
21 | 21 |
22 Material design: [Snackbards & toasts](https://www.google.com/design/spec/compon
ents/snackbars-toasts.html) | 22 Material design: [Snackbars & toasts](https://www.google.com/design/spec/compone
nts/snackbars-toasts.html) |
23 | 23 |
24 `paper-toast` provides a subtle notification toast. Only one `paper-toast` will | 24 `paper-toast` provides a subtle notification toast. Only one `paper-toast` will |
25 be visible on screen. | 25 be visible on screen. |
26 | 26 |
27 Use `opened` to show the toast: | 27 Use `opened` to show the toast: |
28 | 28 |
29 Example: | 29 Example: |
30 | 30 |
31 ```html | 31 ```html |
32 <paper-toast text="Hello world!" opened></paper-toast> | 32 <paper-toast text="Hello world!" opened></paper-toast> |
(...skipping 30 matching lines...) Expand all Loading... |
63 | 63 |
64 | Custom property | Description | Default | | 64 | Custom property | Description | Default | |
65 | --- | --- | --- | | 65 | --- | --- | --- | |
66 | `--paper-toast-background-color` | The paper-toast background-color | `#323232
` | | 66 | `--paper-toast-background-color` | The paper-toast background-color | `#323232
` | |
67 | `--paper-toast-color` | The paper-toast color | `#f1f1f1` | | 67 | `--paper-toast-color` | The paper-toast color | `#f1f1f1` | |
68 | 68 |
69 This element applies the mixin `--paper-font-common-base` but does not import `p
aper-styles/typography.html`. | 69 This element applies the mixin `--paper-font-common-base` but does not import `p
aper-styles/typography.html`. |
70 In order to apply the `Roboto` font to this element, make sure you've imported `
paper-styles/typography.html`. | 70 In order to apply the `Roboto` font to this element, make sure you've imported `
paper-styles/typography.html`. |
71 | 71 |
72 | 72 |
OLD | NEW |