<h1 align="center">vue-coe-feedback ✅</h1>
npm install vue-coe-feedback
✨ Example✨
Install yarn add vue-coe-feedback
ornpm i add vue-coe-feedback
Configuration
``javascript
import Vue from 'vue'
import { VueCoeFeedback } from 'vue-coe-feedback'
Vue.use(VueCoeFeedback, store, options)
`
how to use?
- inside the component:
``
this.$feedback.add({ type, message, highlighted })
or
this.$feedback.remove({ type, message, highlighted })
- inside the store:
``
actions: {
SOME_ACTION: ({ commit, dispatch }) => {
...
dispatch('FEEDBACKS_ADD', { type, message, highlighted })
or
dispatch('FEEDBACKS_REMOVE', { type, message, highlighted })
...
}
}
options type
- info
- success
- error
vue
$feedback.remove(feedback)" :feedbacks="$feedback.list" />
`
Options: plugin instance
Name | Default | Required | About
:-------------|:--------------:|:--------:|:-------------------------
storeName |
coefeedback | false | store name
delay | 5000 | false | delay for notifications to disappearcomponent props
Name | Default | Required | About
:-------------|:--------------:|:--------:|:-------------------------
feedbacks |
[] | false | list of feedbacks
info | #b4b4b4 | false | info color
success | #59efb2 | false | success color
error | #ef5959 | false` | error color - close
- feedbacks (slot-scope: feedback, info, success, error)
- message
- button