Skip to content
This repository has been archived by the owner on Jul 2, 2020. It is now read-only.

Latest commit

 

History

History
30 lines (26 loc) · 678 Bytes

README.md

File metadata and controls

30 lines (26 loc) · 678 Bytes

vue-modal

A very simple modal component for use with VueJS.

It requires Webpack and Babel to run, i'm open to PRs for extending support for other use cases.

Setup

import VueModal from 'vue-modal'
...
Vue.use(VueModal)

Usage

<v-modal v-ref:modal>
  <div class="ui segments">
    <div class="ui segment">
      <h3 class="ui header">Modal header</h3>
    </div>
    <div class="ui segment content">
      <p>Content</p>
    </div>
    <div class="ui segment">
      <button class="ui button" @click="$refs.modal.hide">Hide modal</button>
    </div>
  </div>
</v-modal>

The modal content is not styled in anyway, it is up to you to bring your own code ;)