@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'

/@vuels/modal/

    Package Sidebar

    Install

    npm i @vuels/modal

    Weekly Downloads

    0

    Version

    0.6.1

    License

    MIT

    Last publish

    Collaborators

    • staratarms