# vue-thin-modal [![Build Status](https://travis-ci.org/ktsn/vue-thin-modal.svg?branch=master)](https://travis-ci.org/ktsn/vue-thin-modal) [![vue-thin-modal Dev Token](https://badge.devtoken.rocks/vue-thin-modal)](https://devtoken.rocks/package/vue-thin-modal) vue-thin-modal provides thin but powerful modal component. Its styles, transitions and contents are fully customizable. ## Installation ```bash $ npm install --save vue-thin-modal # or $ yarn add vue-thin-modal ``` ## Usage 1. Import `VueThinModal` and install it in Vue constructor. ```js import Vue from 'vue' import VueThinModal from 'vue-thin-modal' Vue.use(VueThinModal) new Vue({ // ... }) ``` 2. (Optional) Import base CSS file for the modal wherever you want or you can define your own styles. ```js import 'vue-thin-modal/dist/vue-thin-modal.css' ``` 3. Use `` component in your apps. You can see `this.$modal` in your components ```vue ``` ### Auto installing vue-thin-modal If you have `Vue` constructor on `window`, you don't need to call `Vue.use(VueThinModal)` since it will be called automatically. This is the case when you load Vue.js and vue-thin-modal via `