1.0.5 • Published 4 years ago
vue-floating-alert v1.0.5
vue-floating-alert
Install
$ npm i --save vue-floating-alert
Usage in components
// app.vue
<template>
<div>
<FloatingAlert language="pt-BR" />
</div>
</template>
<script>
import Vue from 'vue'
import VueFloatingAlert from 'vue-floating-alert'
Vue.use(VueFloatingAlert)
export default {
mounted() {
setTimeout(() => {
this.$floatingAlert.success({
title: 'Success!',
message: 'Woohoo! <i class="fa fa-fw fa-grin-wink"></i>',
})
}, 1000)
},
}
</script>
Usage in other files
// app.vue
import {floatingAlert} from 'vue-floating-alert'
export default {
doSomething() {
floatingAlert.success({
title: 'Success!',
message: 'Woohoo! <i class="fa fa-fw fa-grin-wink"></i>',
})
},
}
Methods
this.$floatingAlert.error({
message: "That's an error :(",
})
this.$floatingAlert.warn({
title: "Hey you",
message: "Be careful with that",
})
this.$floatingAlert.info({
title: 'Just to let you know',
message: "We'll send you an email when we're finished",
})
this.$floatingAlert.success({
title: "Awesome!",
message: "You've finished reading all your emails. Now go play outside.",
})
// if you don't want to wait, you can close it on your own
this.$floatingAlert.hide()
License
MIT
1.0.5
4 years ago
1.0.4
4 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago
0.0.17
5 years ago
0.0.16
5 years ago
0.0.15
5 years ago
0.0.14
5 years ago
0.0.13
5 years ago
0.0.12
5 years ago
0.0.11
5 years ago
0.0.10
5 years ago
0.0.9
5 years ago
0.0.8
5 years ago
0.0.7
5 years ago
0.0.6
5 years ago
0.0.5
5 years ago
0.0.4
5 years ago
0.0.3
5 years ago
0.0.2
5 years ago