@ze-ui/vue-click-outside/README.md

clickOutside component for Vue

# ClickOutside



```
ClickOutside component for Vue.
```

## Installation

```
$ npm install @ze/vue-click-outside
or
yarn add @ze/vue-click-outside
```

## Example

```
<template>
  <div>
    <clickOutside @clickOutside="hide">
      <button  @click="toggle">Toggle</button>
    </clickOutside>
    <div  v-show="visible" style="background-color: palegreen;width: 100px; height: 100px"></div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      visible: false
    }
  },
  methods: {
    toggle () {
      this.visible = true
    },

    hide () {
      this.visible = false
    }
  }

}
</script>

```

### License

MIT