temporary.js
v1.0.3
Published
notification library for javascript
Downloads
5
Maintainers
Readme
Temporary.js
Notification
Notification library for javascript For showing alert you can use this You can choose bootstrap or bulma templates
Example
createAlert({
text: 'this is <b> table</b>',
template: 'notification',
color: 'danger',
textAlign: 'center-text',
fontFamily: 'ubuntu-family',
alignment: 'top-right',
expiry: 1000,
animation: {
animationName: 'notification-bottom-to-top',
second: '.5s'
}
})
File Structure
temporary.js/assets/script.js
temporary.js/assets/style.js
https://cdn.jsdelivr.net/npm/[email protected]/assets/script.js
https://cdn.jsdelivr.net/npm/[email protected]/assets/style.css
| Template | Color | | --- | --- | | bootstrap-notify | primary | | bootstrap-notify | success | | bootstrap-notify | danger | | bootstrap-notify | warning | | bulma-notify | primary | | bulma-notify | success | | bulma-notify | danger | | bulma-notify | warning | | notification | primary | | notification | success | | notification | danger | | notification | warning |
| Fonts | | --- | | roboto-family | | ubuntu-family | | baloo-tamma-2-family | | montserrat-family | | lato-family |
| Animation | Second |
| --- | --- |
| notification-left-to-right | pass the second ex:'.5s'
|
| notification-bottom-to-top | pass the second ex:'.5s'
|
animation: {
animationName: 'notification-bottom-to-top',
second: '.5s'
}
| Alignment | | --- | | top-right | | top-left | | bottom-left | | bottom-right |
| Text Align | | --- | | center-text | | text-left | | text-right |
Example
createAlert({
text: 'this is <b> table</b>',
template: 'bootstrap',
color: 'primary',
textAlign: 'center-text',
fontFamily: 'roboto-family',
alignment: 'top-right',
expiry: 3000 //default 2000,
animation: {
animationName: 'notification-bottom-to-top',
second: '.5s'
}
})