vue-coe-feedback ✅

✨ Example✨

Install

yarn add vue-coe-feedback
or
npm 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

Example


`vue


`




Options: plugin instance

Name | Default | Required | About
:-------------|:--------------:|:--------:|:-------------------------
storeName | coefeedback | false | store name
delay | 5000 | false | delay for notifications to disappear

component 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

Events

- close

Slots: component

- feedbacks (slot-scope: feedback, info, success, error)
- message
- button

Inspired by @VitorLuizC idea.