app-toasts
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
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#Polymer/polymer#^2.0.0
- app-toast#^0.3.0
- Released
- 2017-07-28
- Maturity
- IMPORTED
- License
- MIT License
Compatibility
- Framework
- Polymer 2.0+
- Polymer 1.0+ in 0.3.2
- Browser
- Browser Independent
app-toasts - Vaadin Add-on Directory
Commonly used toasts are themed, swipeable, and actionable.Last Event: ``` Full demo: [webcomponents.org](https://www.webcomponents.org/element/jifalops/app-toasts/demo/demo/index.html) | [github](https://jifalops.github.io/app-toasts/components/app-toasts/demo/). API: [webcomponents.org](https://www.webcomponents.org/element/jifalops/app-toasts/app-toasts) ## 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)
Issue tracker
Online Demo
View on GitHub
Documentation
app-toasts version 0.1.0
### Dependencies
Polymer/polymer#^1.4.0
* paper-toast#^1.3.0
* paper-styles#^1.2.0
* paper-button#^1.0.14
* iron-swipeable-container#^1.0.3
* iron-icon#^1.0.12
app-toasts version 0.1.1
### Dependencies
Polymer/polymer#^1.4.0
* paper-toast#^1.3.0
* paper-styles#^1.2.0
* paper-button#^1.0.14
* iron-swipeable-container#^1.0.3
* iron-icon#^1.0.12
app-toasts version 0.2.0
### Dependencies
Polymer/polymer#^1.4.0
* paper-toast#^1.3.0
* paper-styles#^1.2.0
* paper-button#^1.0.14
* iron-swipeable-container#^1.0.3
* iron-icon#^1.0.12
app-toasts version 0.3.0
### Dependencies
Polymer/polymer#^1.4.0
* paper-styles#^1.2.0
* app-toast#^0.1.0
app-toasts version 0.3.1
### Dependencies
Polymer/polymer#^1.4.0
* paper-styles#^1.2.0
* app-toast#^0.1.1
app-toasts version 0.3.2
### Dependencies
Polymer/polymer#^1.4.0
* paper-styles#^1.2.0
* app-toast#^0.1.2
app-toasts version 0.4.0
### Dependencies
* polymer#Polymer/polymer#^2.0.0
* app-toast#^0.3.0