/vue-strap

Bootstrap components built with Vue.js

Primary LanguageJavaScriptMIT LicenseMIT

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

CommonJS

$ npm install vue-strap

var alert = require('vue-strap/src/alert');
// or
var alert = require('vue-strap').alert;

new Vue({
  components: {
    'alert': alert
  }
})

ES6

$ npm install vue-strap

import alert from 'vue-strap/src/alert'
// or
import { alert } from 'vue-strap'

new Vue({
  components: {
    alert
  }
})

Browser globals

The dist folder contains vue-strap.js and vue-strap.min.js with all components exported in the window.VueStrap object.

<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 release.)
  • Bootstrap 4 suport. (When Bootstrap 4.0 final release.)
  • Tests and travis-CI.
  • Refatoring Datepicker.
  • So many things....

License

MIT.