UiModal, which event is emitted when close button or outside is clicked?

In version 1.0.1: Which is the event that is fired when the close is triggered for an UiModal? It seems that these 2 have the same purpose (by reading the docs):

close
Emitted when the modal is hidden (i.e. when the close transition completes).Listen for it using @close.

hide
Emitted when the modal close transition completes.Listen for it using @hide.

In version 0.8.9 I think I used @close

[JosephusPaye]

Hi @EmilMoe,

Currently, the way the modal is opened/closed is by adding a ref to the modal and then calling the open() method on it.

It doesn’t use v-show. The hide/close events are used for doing something after the modal is opened or closed.

Here’s an example:

<div id="app">
    <ui-modal ref="exampleModal" title="Example Modal">Some text here.</ui-modal>
    <ui-button color="primary" @click="openModal">Open Modal</ui-button>
</div>

new Vue({
    el: '#app',
    methods: {
        openModal() {
            this.$refs.exampleModal.open();
        }
    }
});

See here for a working demo: https://codepen.io/JosephusPaye/pen/OxgrBZ?editors=1010

[JosephusPaye]

Updated docs to explain difference between open/reveal and hide/hidden in https://github.com/JosephusPaye/Keen-UI/commit/10b27ac968f8cc0912abb36c5c710db7229d4e5d