A swipeable, actionable, and themable paper-toast.

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

Published on webcomponents.org


A swipeable, actionable, and themable paper-toast.


bower i -S app-toast        # Polymer 2.0 hybrid (1.x compatible)
bower i -S app-toast#0.2.3  # Polymer 1.x based


  • Drop app-toast in and call the show() method.
  • Use app-toasts for preset themes.


<app-toast id="toast"></app-toast>
<select id="icon">
  <option>No icon</option>
  <option selected>check-circle</option>
<input id="text" placeholder="text" value="text"/><br/>
<input id="duration" placeholder="duration (ms)" value="3000"/><br/>
<input id="actionText" placeholder="action button text" value="action"/><br/>
<label><input id="showCancel" type="checkbox"/>Show cancel</label><br/>
<label><input id="disableSwipe" type="checkbox"/>Disable swipe</label><br/>
<label><input id="fitBottom" type="checkbox"/>Fit to bottom</label><br/>
<label><input id="styled" type="checkbox"/>Styled</label><br/>
<button onclick="showToast()">Show</button>&nbsp;
<button onclick="toast.close()">Close</button><br/>
Last Event: <span id="feedback"></span>

Full demo: webcomponents.org | github.

API: webcomponents.org


  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




Link to this version
ImportedReleased 28 July 2017MIT License
Framework Support
Polymer 2.0+
Also supported:
Polymer 1 (0.2.3)
Browser Compatibility
Install with
bower install --save jifalops/app-toast"#0.3.1"
Run the above Bower command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 0.3.1


  • polymer#^2.0.0
  • paper-toast#^2.0.0
  • iron-flex-layout#^2.0.0
  • iron-icon#^2.0.1
  • paper-styles#^2.0.0
  • paper-button#^2.0.0
  • iron-iconset-svg#^2.0.1