app-toast
A swipeable, actionable, and themable paper-toast.
[ This description is mirrored from README.md at github.com/jifalops/app-toast on 2019-05-22 ]
app-toast
A swipeable, actionable, and themable paper-toast.
Installation
bower i -S app-toast # Polymer 2.0 hybrid (1.x compatible)
bower i -S app-toast#0.2.3 # Polymer 1.x based
Usage
- Drop
app-toast
in and call theshow()
method. - Use app-toasts for preset themes.
Demo
<app-toast id="toast"></app-toast>
<select id="icon">
<option>No icon</option>
<option selected>check-circle</option>
<option>check</option>
<option>check-box</option>
<option>info</option>
<option>info-outline</option>
<option>warning</option>
<option>error</option>
<option>error-outline</option>
</select><br/>
<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>
<button onclick="toast.close()">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
Links
Compatibility
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-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
- Released
- 2017-07-28
- Maturity
- IMPORTED
- License
- MIT License
Compatibility
- Framework
- Polymer 2.0+
- Polymer 1.0+ in 0.2.3
- Browser
- Browser Independent