Skip to content

wffranco/vue-strap

 
 

Repository files navigation

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 ^v2.x.x, test with v2.0.3).
  • Bootstrap CSS (required 3.x.x, test with 3.3.6). VueStrap doesn't depend on a very precise version of Bootstrap.

Installation

NPM

$ npm install github:wffranco/vue-strap --save

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 vm = new Vue({ components: { alert: VueStrap.alert }, el: "#app", data: { showRight: false, showTop: false } }) </script>

Docs

See the documentation with live editable examples.

Local Setup

  • 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.

License

vue-strap is licensed under The MIT License.

About

Bootstrap components built with Vue.js

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 92.4%
  • Vue 7.5%
  • HTML 0.1%