vue2-bootstrap-modal

> Bootstrap Modal Component for Vue 2.x

> Updated package to exclude bootstrap css and js, you need to install bootstrap-loader


Install

`` bash
npm install vue2-bootstrap-modal --save
`

Usage


Require the component (globally or in another component)
`
components: {
'bootstrap-modal': require('vue2-bootstrap-modal')
},
`
Then in your template:
`

...

Your title here

Your body here

Your footer here

...

`
Finally call theModal.open() and theModal.close() whenever you need.

Documentation

Modal functions and callbacks are exposed through the ref variable

$3

Opens the modal

$3

Closes the modal

$3

Called after modal is opened. Pass your own method to be called

$3

Called after modal is closed. Pass your own method to be called

$3

True if you need to show the header

Default value is true

$3

True if you need to show the footer

Default value is true

$3

Use one of these values to change the modal size

Value | Bootstrap class
--|--
small | modal-sm
medium | modal-md
large | modal-lg
full | modal-full

Default value is empty

Example

See `index.html` for example use




To-do

Expose configuration, like backdrop darkness value

Contributing

Contributions are welcome!

Release History

0.2.0 Updated After Vue2 EOL, fix CVEs, and simplify the repo

0.1.15 Last old version

0.1.12 Add opened and closed event callbacks, correct examples

0.1.11 Add full value for size props

0.1.7 Add size props

0.1.4 Add needFooter and needHeader props

0.1.0 Initial release

Build Setup

` bash


install dependencies

npm install

serve with hot reload at localhost:8080

npm run dev

build for production with minification

npm run build
``