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

| Option | Description | Value | Default | |-----------|------------------------------------------------|-------------------------|----------| | message | content of the toast | | | | position | location of the toast relative to viewport | 'top' 'bottom' 'middle' | 'middle' | | duration | time before the toast vanishes, in millisecond | | 3000 | | className | custom class name of the toast | | | | iconClass | class name of the optional icon font | | |

License

MIT