https://github.com/sachin-philip/vue-toast

A bulma based vue toastr, ie bulma notification wrapper
https://github.com/sachin-philip/vue-toast

bulma notification toastr vue

Last synced: 8 days ago
JSON representation

A bulma based vue toastr, ie bulma notification wrapper

• Host: GitHub
• URL: https://github.com/sachin-philip/vue-toast
• Owner: sachin-philip
• License: mit
• Created: 2018-09-03T16:46:35.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T16:29:58.000Z (about 2 years ago)
• Last Synced: 2024-12-20T04:17:29.894Z (about 1 month ago)
• Topics: bulma, notification, toastr, vue
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/vue-bulma-toastr/
• Size: 2.03 MB
• Stars: 3
• Watchers: 0
• Forks: 0
• Open Issues: 25
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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

```bash

npm install  vue-bulma-toastr --save

```

Or using yarn

```bash

yarn add  vue-bulma-toastr

```

## Usage

### Import Component

```javascript

import BulmaToastr from 'vue-bulma-toastr'

Vue.use(BulmaToastr)

```

Optional Global configuration options

```javascript

var toastrConfigs = {

    position: 'top right',

    showDuration: 2000

}

Vue.use(BulmaToastr, toastrConfigs)

```

### Call Notification Instance

```javascript

this.$toast.success({

    message:''

})

```

### type

* `success`

* `info`

* `warning`

* `error`

### position

* `top right`

* `bottom right`

* `bottom left`

* `top left`

* `top center`

* `bottom center`

* `top full width`

* `bottom full width`