Directory

← Back

notification-toast

An app-toast (paper-toast) wrapper for simulating web notifications.

Author

Rating

Popularity

<100

[ This description is mirrored from README.md at github.com/jifalops/notification-toast on 2019-05-22 ]

Published on webcomponents.org

notification-toast

An app-toast (paper-toast) wrapper for simulating web notifications.

Installation

bower i -S notification-toast       # Polymer 2.0 hybrid (1.x compatible)
bower i -S notification-toast#^0.1  # Polymer 1.x based

Usage

  • Drop notification-toast in and call the show() method.

Demo

<notification-toast id="toast"></notification-toast>
<input id="title" placeholder="title" value="Title"/><br/>
<input id="body" placeholder="body" value="body"/><br/>
<input id="icon" placeholder="icon" value="demo/monkey.jpg"/><br/>
<button onclick="show()">Show</button>&nbsp;
<button onclick="toast.close()">Close</button><br/>
Last Event: <span id="feedback"></span>

Full demo: webcomponents.org | github.

API: webcomponents.org

Contributing

  1. Fork it on Github.
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request

License

MIT

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

  • polymer#^2.0.0
  • paper-toast#^2.0.0
  • iron-icon#^2.0.0
  • app-toast#^0.3.1
Released
2017-08-22
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Polymer 2.0+
Polymer 1.0+ in 0.1.1
Browser
Browser Independent

notification-toast - Vaadin Add-on Directory

An app-toast (paper-toast) wrapper for simulating web notifications. notification-toast - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/jifalops/notification-toast](https://github.com//jifalops/notification-toast/blob/0.2.0/README.md) on 2019-05-22 ]** [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/jifalops/notification-toast) # notification-toast An app-toast (paper-toast) wrapper for simulating web notifications. ## Installation ``` bower i -S notification-toast # Polymer 2.0 hybrid (1.x compatible) bower i -S notification-toast#^0.1 # Polymer 1.x based ``` ## Usage * Drop `notification-toast` in and call the `show()` method. ## Demo ```html


 
Last Event: ``` Full demo: [webcomponents.org](https://www.webcomponents.org/element/jifalops/notification-toast/demo/demo/index.html) | [github](https://jifalops.github.io/notification-toast/components/notification-toast/demo/). API: [webcomponents.org](https://www.webcomponents.org/element/jifalops/notification-toast/notification-toast) ## Contributing 1. Fork it on Github. 2. Create your feature branch: `git checkout -b my-new-feature` 3. Commit your changes: `git commit -am 'Add some feature'` 4. Push to the branch: `git push origin my-new-feature` 5. Submit a pull request ## License [MIT](https://opensource.org/licenses/MIT)
Online