Exciting news!Announcing our $4.6M Series Seed. Learn more
Socket
LoveBlogFAQ
Install
Log in

simple-modal-vue

Package Overview
Dependencies
0
Maintainers
1
Versions
13
Issues
File Explorer

Advanced tools

simple-modal-vue

Build an extremely easy modal component in Vuejs

    1.0.12latest

Version published
Maintainers
1
Yearly downloads
14,405
increased by211.59%

Weekly downloads

Readme

Source

Simple Modal Vue

Very light and simple modal component for Vue

NPM


  • Very light and simple modal component for Vue

  • No dependency required

  • No external CSS library required

  • Fully support on IE10, IE11, Edge, Firefox, Safari, Ipad Safari and Chrome of course

  • Fix scroll on Ipad

Install

npm install simple-modal-vue --save yarn add simple-modal-vue --save

Usage

Usage in example

<template> <div> <simple-modal v-model="isShow" title="Modal Header"> <template slot="body"> <h2>My modal</h2> <input> <p>Hello you</p> </template> <template slot="footer"> <button>OK</button> </template> </simple-modal> <button @click="isShow = !isShow">on off button</button> </div> </template> <script> import SimpleModal from 'simple-modal-vue' export default { name: 'SimpleModalExample', components: { SimpleModal }, data() { return { isShow: false } }, } </script>

Props and methods

NameRequiredTypeDefaultDescription
titlefalseStringName of the modal
hasButtonClosefalseBooleanfalseIf true allows showing the button close on the modal
hasFooterfalseBooleanfalseIf true allows showing the footer of the modal
sizefalseString ['responsive', 'small', 'big' ]'responsive'If true allows resizing depend on config the modal window.

Events

NameDescription
onOpenEmits when modal is opened
onCloseEmits when modal is closed

Vesion

  • 1.0.9 Fix some minor issues
  • 1.0.5 Add unit test coverage 100%
  • 1.0.1 Publish release

Keywords

Socket

Product

Subscribe to our newsletter

Get open source security insights delivered straight into your inbox. Be the first to learn about new features and product updates.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc