vue-toast-mobile
v2.0.0
Published
A mobile toast component for vue.js
Downloads
450
Readme
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