mirror of
https://github.com/KevinMidboe/vue-js-modal.git
synced 2025-10-29 18:00:20 +00:00
Update README.md
This commit is contained in:
33
README.md
33
README.md
@@ -79,6 +79,39 @@ methods: {
|
||||
}
|
||||
```
|
||||
|
||||
### Dialog
|
||||
|
||||
In version `1.2.8`, the `<Dialog/>` componnent was added.
|
||||
|
||||
It is a simplified version of the modal, which has most parameters set by default and is pretty useful for quick prototyping, showing alerts or creating mobile-like modals.
|
||||
|
||||
To start using `<Dialog/>` you will have set a configuration:
|
||||
|
||||
```
|
||||
Vue.use(VModal, { dialog: true })
|
||||
```
|
||||
|
||||
And include it in your project:
|
||||
|
||||
```
|
||||
<dialog/>
|
||||
```
|
||||
|
||||
Call it (all params except of “text” are optional):
|
||||
|
||||
```
|
||||
this.$modal.show('dialog', {
|
||||
title: 'Alert!',
|
||||
text: 'You are too awesome',
|
||||
buttons: [
|
||||
{ title: 'Deal with it', handler: () => { alert('Woot!') },
|
||||
{ title: 'Close' }
|
||||
]
|
||||
})
|
||||
```
|
||||
|
||||
For more examples please take a look at [vue-js-modal.yev.io](http://vue-js-modal.yev.io).
|
||||
|
||||
### SSR
|
||||
|
||||
Include plugin in your `nuxt.config.js` file:
|
||||
|
||||
Reference in New Issue
Block a user