Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nfer/vue-bulma-dialog

Dialog component for Vue Bulma
https://github.com/nfer/vue-bulma-dialog

Last synced: 5 days ago
JSON representation

Dialog component for Vue Bulma

Awesome Lists containing this project

README

        

# Dialog

Dialog component for Vue Bulma.

## Installation

```
$ npm install vue-bulma-dialog2 --save
```

## Examples

```vue


Info
Warning

import Vue from 'vue'
import Dialog from 'vue-bulma-dialog2'

const DialogComponent = Vue.extend(Dialog)

const openDialog = (propsData = {
title: '',
message: '',
type: '',
direction: 'Down',
container: '.dialogs'
}) => {
return new DialogComponent({
el: document.createElement('div'),
propsData
})
}

export default {
components: {
Dialog
},

mounted () {
openDialog({
message: 'Success lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit',
type: 'alert'
})
},

methods: {
openDialogWithType (type) {
openDialog({
title: 'This is a title',
message: 'This is the message.',
type: type
})
}
}
}

```

## Badges

![](https://img.shields.io/badge/license-MIT-blue.svg)

---

> [nferzhuang.com](http://nferzhuang.com/)  · 
> GitHub [@nfer](https://github.com/nfer/)  ·