Jonathan
23aad44263
feat: persistent toasts can either be destroyed or shown/hid
|
%!s(int64=4) %!d(string=hai) anos | |
|---|---|---|
| dist | %!s(int64=4) %!d(string=hai) anos | |
| example | %!s(int64=4) %!d(string=hai) anos | |
| src | %!s(int64=4) %!d(string=hai) anos | |
| .babelrc | %!s(int64=6) %!d(string=hai) anos | |
| .gitignore | %!s(int64=6) %!d(string=hai) anos | |
| .npmignore | %!s(int64=6) %!d(string=hai) anos | |
| LICENCE.md | %!s(int64=4) %!d(string=hai) anos | |
| README.md | %!s(int64=4) %!d(string=hai) anos | |
| package-lock.json | %!s(int64=4) %!d(string=hai) anos | |
| package.json | %!s(int64=4) %!d(string=hai) anos | |
| webpack.config.js | %!s(int64=4) %!d(string=hai) anos |
README.md
toasters
Toast alerts (initially developed for Vue.js with a material-design style)
Installation
npm install --save --production toasters
Usage
HTML:
<div id="toasts-container" class="position-right position-bottom">
<div id="toasts-content">
<!-- toasts will be added or removed from here -->
</div>
</div>
JS:
import Toast from "toasters";
new Toast({
content: "Hello World",
persistant: true
});
Preview:
Potential future additions
- Design improvements
- Error handling (i.e. you haven't provided any content for the toast)
- Ability to parse markdown or html
Contributing
# install dependencies
npm install
# watch files for changes with webpack
npm run dev
# build for production with minification
npm run build