Skip to content

bees4ever/vue-eagle-modal

 
 

Repository files navigation

vue-eagle-modal

Document
Demos
Design and Developed by eagle design
Fork developing by bees4ever

Project setup

 NPM not working yet

Register Plugin

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

Usage

let m = this.$modals.add({
    title: 'Title',
	subtitle: 'Some description',
    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 Eagle Design studio ❤️

Email eagledesign.ir@gmail.com
Phone +989169942377
Telegram Get in touch with me in telegream

About

mac os x style form modal box

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 51.0%
  • SCSS 27.4%
  • JavaScript 20.0%
  • HTML 1.6%