Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/nfer/vue-bulma-dialog
- Owner: nfer
- License: mit
- Created: 2018-02-09T13:06:59.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2018-02-09T13:22:36.000Z (almost 7 years ago)
- Last Synced: 2024-10-30T03:26:54.478Z (18 days ago)
- Language: Vue
- Size: 3.91 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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/) ·