Vue.js simple toast.

Install

npm install vue-simple-toast --save

Import

Import plugin:

import simpleToast from 'vue-js-simple-toast'

Vue.use(simpleToast)

OR

Import component:

import { simpleToast } from 'vue-js-simple-toast'

Vue.component('simpleToast', simpleToast)

Use

<simple-toast  
    :class="type"
    :type="type"
    :dismissible="true"
    :auto-dismiss="false"
    iconClass="dashicons dashicons-yes"
    message="Options saved."
    >
</simple-toast>

Properties

| Name | Type | Default | Description | | --- | --- | --- | --- | | autoDismiss | Boolean | false | Should the toast auto-dismiss after 1.7s | | color | [String, Object] | undefined | If String - background color of the toast. If Object - background color for the toast in multiple types Example: {error: 'red', warning: 'yellow', success : 'green'} | | dismissible | Boolean | true | If the toast should be dismissible - adds a dismiss button. | | iconClass | String | undefined | Icon class that will be added on the left of the notice | | message | String | undefined | Required - the toast message | | type | String | success | Can be ['success', 'error', 'warning']|