danialdezfouli / vue-eagle-modal

deprecated - modal form for Vue 2

Home Page:https://eagle-design.ir/vue-eagle-modal

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue-eagle-modal

Document
Demos

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

You can use this package in your projects : )


Design and Developed by Danial Dezfouli

Email eagledesign.ir@gmail.com

ezoic increase your site revenue

About

deprecated - modal form for Vue 2

https://eagle-design.ir/vue-eagle-modal


Languages

Language:Vue 51.0%Language:CSS 27.0%Language:JavaScript 20.4%Language:HTML 1.6%