A magical vue.js Modal

vue-eagle-modal

form builder , modal box for vue.

Features

RTL Support
Simple and lightweight (~20kB gzipped)
Connect to your Api
Multiple themes
Form Builder
Your own Custom Components
Useful plugin API
ES6 document
Compatible with IE10+

Project setup

npm install vue-eagle-modal

Register Plugin

import {EagleModal} from 'vue-eagle-modal'
Vue.use(EagleModal);

Usage

let m = this.$modals.add({
    title: 'Title',
    theme: 'osx', // || mojave
    items: [
    	{
    		label: 'Username',
    		name: 'username',
    		type: 'text',
    		value: 'Daniel',
    	},
    	{
    		label: 'Bio',
    		name: 'bio',
    		type: 'textarea',
    		value: 'web developer',
    	}
    ],
  });
  m.open();
  
  m.onsave( (m) => {
  	m.loading();
  	setTimeout(() => {
	  	console.log(m.formData())
	  	console.log(m.getItems())
  		m.loaded()
	},500)
  })

  m.onreload( () => {
  	console.log('Reloaded')
  })

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

GitHub