项目作者: labtocat

项目描述 :
A bulma based vue toastr, ie bulma notification wrapper
高级语言: JavaScript
项目地址: git://github.com/labtocat/vue-toast.git
创建时间: 2018-09-03T16:46:35Z
项目社区:https://github.com/labtocat/vue-toast

开源协议:MIT License

下载


Vue Bulma Toastr

Package contains a bulma based vue toastr component. All classes of vue notificationa are inheritted over here.

Note: THIS IS ON TESTING PHASE And NOT STABLE

Setup

Using npm

  1. npm install vue-bulma-toastr --save

Or using yarn

  1. yarn add vue-bulma-toastr

Usage

Import Component

  1. import BulmaToastr from 'vue-bulma-toastr'
  2. Vue.use(BulmaToastr)

Optional Global configuration options

  1. var toastrConfigs = {
  2. position: 'top right',
  3. showDuration: 2000
  4. }
  5. Vue.use(BulmaToastr, toastrConfigs)

Call Notification Instance

  1. this.$toast.success({
  2. message:''
  3. })

type

  • success
  • info
  • warning
  • error

position

  • top right
  • bottom right
  • bottom left
  • top left
  • top center
  • bottom center
  • top full width
  • bottom full width