Commonly used toasts are themed, swipeable, and actionable.
[ This description is mirrored from README.md at github.com/jifalops/app-toasts on 2019-05-22 ]
app-toasts
Success, error, info, and warning theme presets for app-toast.
Installation
bower i -S app-toasts # Polymer 2.0 hybrid (1.x compatible)
bower i -S app-toasts#0.3 # Polymer 1.x based
Usage
- Drop
app-toasts
in and call one of theshow()
methods. - Or use app-toast directly.
Demo
<app-toasts id="toasts"></app-toasts>
<app-toasts id="toasts2" intense></app-toasts>
<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="intense" type="checkbox"/>Intense coloring</label><br/><br/>
<button onclick="showSuccessToast()">Success</button>
<button onclick="showInfoToast()">Info</button>
<button onclick="showWarningToast()">Warning</button>
<button onclick="showErrorToast()">Error</button>
<button onclick="showDefaultToast()">Default</button>
<button onclick="closeToast()">Close</button><br/>
Last Event: <span id="feedback"></span>
Full demo: webcomponents.org | github.
API: webcomponents.org
Contributing
- Fork it on Github.
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -am 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request
License
Install
Framework Support
Browser Compatibility
Install with
Run the above Bower command in your project folder.
If you have any issues installing, please
contact the author.
Release notes - Version 0.4.0
Dependencies
- polymer#Polymer/polymer#^2.0.0
- app-toast#^0.3.0