Bootstrap Modal Component for Vue 2.x

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

    npm install vue2-bootstrap-modal --save

Require the component (globally or in another component)

components: {
    'bootstrap-modal': require('vue2-bootstrap-modal')
},

Then in your template:

<div>
...
<bootstrap-modal ref="theModal" :needHeader="false" :needFooter="false" size="large">
<div slot="title">
    Your title here
</div>
<div slot="body">
    Your body here
</div>
<div slot="footer">
    Your footer here
</div>
</bootstrap-modal>
...
</div>

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

Modal functions are exposed through the ref variable

Opens the modal

Closes the modal

True if you need to show the header

Default value is true

True if you need to show the footer

Default value is true

Use one of these values to change the modal size

Default value is empty

See index.html for example use

Expose configuration, like backdrop darkness value

Contributions are welcomed

0.1.7 Add size props

0.1.4 Add needFooter and needHeader props

0.1.0 Initial release

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build