| 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 |