https://github.com/tahq69/vue-bootstrap-modal
VueJs wrapper of the bootstrap modal
https://github.com/tahq69/vue-bootstrap-modal
bootstrap-modal bootstrap3 crip vue-component vuejs2
Last synced: about 2 months ago
JSON representation
VueJs wrapper of the bootstrap modal
- Host: GitHub
- URL: https://github.com/tahq69/vue-bootstrap-modal
- Owner: tahq69
- License: mit
- Created: 2017-06-15T18:05:54.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-06-17T08:15:22.000Z (almost 9 years ago)
- Last Synced: 2025-10-24T07:53:38.366Z (7 months ago)
- Topics: bootstrap-modal, bootstrap3, crip, vue-component, vuejs2
- Language: Vue
- Size: 15.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vue-bootstrap-modal
> A Vue.js project to wrap bootstrap modal in to Vue component.
## Usage
### Install
```bash
npm i -S crip-vue-bootstrap-modal
```
### Setup
```javascript
import Vue from 'vue'
import CripModal from 'crip-vue-bootstrap-modal'
// Install component in to Vue instance
Vue.use(CripModal)
```
### Create modal
```vue
Modal Title
Content should be here
×
export default {
data () {
return {
// open modal by default while it is mounting
close: false
}
},
methods: {
closeModal () {
this.close = true
},
modalHidden () {
console.log('modal now is hidden')
},
modalShown () {
console.log('modal now is visible')
}
},
}
```
## 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
```
## Release steps
```bash
# Commit sources to git repository
> git add -A
> git commit -m "[build] v$VERSION"
#update version number
> npm version $VERSION --message "[release] v$VERSION"
# Build assets
> npm run build
# publish
> git push
> npm publish
```