Home

Awesome

Overview

vue-toast-mobile is a mobile toast plugin for vue.js.

Installation

First, install vue-toast-mobile from npm:

$ npm install vue-toast-mobile

Then use it:

// ES6 mudule
import Toast from 'vue-toast-mobile';

// CommonJS
const Toast = require('vue-toast-mobile').default;

Usage

Basically you can pass a string to Toast:

Toast('Upload Completed');

Or invoke Toast with an object as its configuration:

Toast({
  message: 'Upload Completed',
  position: 'bottom',
  duration: 5000
});

API

OptionDescriptionValueDefault
messagecontent of the toast
positionlocation of the toast relative to viewport'top' 'bottom' 'middle''middle'
durationtime before the toast vanishes, in millisecond3000
classNamecustom class name of the toast
iconClassclass name of the optional icon font

License

MIT