mirror of
https://github.com/KevinMidboe/vue-js-modal.git
synced 2025-10-29 18:00:20 +00:00
Added configurable clickToClose and width for v-dialog (#76)
This commit is contained in:
21
dist/index.js
vendored
21
dist/index.js
vendored
File diff suppressed because one or more lines are too long
21
dist/ssr.index.js
vendored
21
dist/ssr.index.js
vendored
File diff suppressed because one or more lines are too long
@@ -1,11 +1,12 @@
|
||||
<template>
|
||||
<modal name="dialog"
|
||||
:classes="['v--modal', 'vue-dialog', this.params.class]"
|
||||
:width="400"
|
||||
height="auto"
|
||||
:classes="['v--modal', 'vue-dialog', this.params.class]"
|
||||
:width="width"
|
||||
:pivot-y="0.3"
|
||||
:adaptive="true"
|
||||
transition="fade"
|
||||
:clickToClose="clickToClose"
|
||||
:transition="transition"
|
||||
@before-open="beforeOpened"
|
||||
@before-close="beforeClosed">
|
||||
<div class="dialog-content">
|
||||
@@ -30,6 +31,20 @@
|
||||
<script>
|
||||
export default {
|
||||
name: 'Dialog',
|
||||
props: {
|
||||
width: {
|
||||
type: [Number, String],
|
||||
default: 400
|
||||
},
|
||||
clickToClose: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
transition: {
|
||||
type: String,
|
||||
default: 'fade'
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
params: {},
|
||||
|
||||
Reference in New Issue
Block a user