vue-popup

A Vue component to create popup elements such as menus or popovers. Automatically cycles focus between elements inside the popup, closes by clicking outside of it or hitting the esc key.

Installation

Using yarn

yarn add @tegola/vue-popup

Using npm

npm i --save @tegola/vue-popup

Demo and Docs

npm run serve

Usage

import VuePopup from 'vue-popup';

Vue.component('vue-popup', VuePopup);

<vue-popup v-model="open">
  <button>Toggle popup</button>
  <div slot="content">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  </div>
</vue-popup>

Build

Build configuration is located in the poi.config.js file, to build just run: npm run build, it will build to cjs and umd directories.

Tests

This template uses karma with chai by default, you can change test settings in poi.config.js

npm run test
npm run test:watch
npm run test:cov

License

This project is licensed under MIT License