Vue-js-simple-toast NPM

Vue.js simple toast.

Install

npm install vue-simple-toast --save

Import

Import plugin:

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

Vue.use(simpleToast)

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']`

vue toast notification notice

@infinitebrahmanuniverse/nolb-vue-j @everything-registry/sub-chunk-3083

1.0.1

5 years ago

1.0.0

5 years ago