vue-strap
Bootstrap components built with Vue.js.
This repository contains a set of native Vue.js components based on Bootstrap's markup and CSS. As a result no dependency on jQuery or Bootstrap's JavaScript is required. The only required dependencies are:
- Vue.js (required ^0.12, test with 0.12.10).
- Bootstrap CSS (required 3.x.x, test with 3.3.5). VueStrap doesn't depend on a very precise version of Bootstrap.
Installation
NPM
$ npm install vue-strap
CommonJS
var alert = require('vue-strap/src/alert');
// or
var alert = require('vue-strap').alert;
new Vue({
components: {
'alert': alert
}
})
ES6
import alert from 'vue-strap/src/alert'
// or
import { alert } from 'vue-strap'
new Vue({
components: {
alert
}
})
AMD
$ bower install vue-strap
define(['vue-strap'], function(VueStrap) { var alert = VueStrap.alert; ... });
Browser globals
The dist
folder contains vue-strap.js
and vue-strap.min.js
with all components exported in the window.VueStrap
object. These bundles are also available in CDNJS,
and on both the Bower and NPM packages.
<script src="path/to/vue.js"></script>
<script src="path/to/vue-strap.js"></script>
<script>
var alert = VueStrap.alert
</script>
Docs
See the documentation with live editable examples.
Local Setup
- Install with
npm install
- Run the docs site in development mode with
npm run docs
. This will watch for file changes as you work. - Build with
npm run build
.
TODO
- Vue.js 1.0 support. (When Vue.js 1.0 stable is released.)
- Bootstrap 4 support. (When Bootstrap 4.0 final is released.)
- Tests and Travis-CI.
- Refactoring Datepicker.
- So many things....
License
vue-strap is licensed under The MIT License.