Added configurable clickToClose and width for v-dialog (#76)

This commit is contained in:
euvl
2017-09-12 17:31:41 +01:00
parent de051ee119
commit 3a8a5884c8
3 changed files with 54 additions and 9 deletions

21
dist/index.js vendored

File diff suppressed because one or more lines are too long

21
dist/ssr.index.js vendored

File diff suppressed because one or more lines are too long

View File

@@ -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: {},