@vuels/modal

0.6.1 • Public • Published

Vuels Modal

npm version

Simple Vue 2 Modal for easy modal access on a site

Features

  • Show a modal on request with the given content
  • Ability to alter the design

Install

npm install @vuels/modal

Usage

Example:

[With a .vue component (With webpack or vue-cli projects)]

import VuelsModal from '@vuels/modal'

export default {
	name: 'form',
	data() {
		return {
			showModal: false
		}
	},
	components: {	
		VuelsModal
    },
	methods: {
		toggleModal() {
			this.showModal = !this.showModal
		}
	}
}

[Your HTML code]

<vuels-modal
	v-if="showModal"
	theme="red"
	title="Select Your Option"
	:close="closeButton" />

Clicking the close button emits 'close'

Readme

Keywords

Package Sidebar

Install

npm i @vuels/modal

Weekly Downloads

1

Version

0.6.1

License

MIT

Last publish

Collaborators

  • staratarms