Get modal base logic all worked out

This commit is contained in:
Dane Everitt 2019-02-17 13:03:15 -08:00
parent be7f7d8da8
commit 0b11532a48
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
6 changed files with 67 additions and 19 deletions

View file

@ -2,7 +2,7 @@
<transition name="modal">
<div class="modal-mask" v-show="show" v-on:click="close">
<div class="modal-container" @click.stop>
<div v-on:click="close" v-if="dismissable">
<div v-on:click="close" v-if="dismissable && showCloseIcon">
<Icon name="x"
class="absolute pin-r pin-t m-2 text-neutral-500 cursor-pointer"
aria-label="Close modal"
@ -24,6 +24,7 @@
components: {Icon},
props: {
showCloseIcon: {type: Boolean, default: true},
modalName: {type: String, default: 'modal'},
show: {type: Boolean, default: false},
closeOnEsc: {type: Boolean, default: true},