Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/wffranco/vue-strap

Bootstrap components built with Vue.js
https://github.com/wffranco/vue-strap

bootstrap vue

Last synced: 26 days ago
JSON representation

Bootstrap components built with Vue.js

Lists

README 

        
# 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](http://vuejs.org/) (required ^v2.x.x, test with v2.0.3).

* [Bootstrap CSS](http://getbootstrap.com/) (required 3.x.x, test with 3.3.6). VueStrap doesn't depend on a very precise version of Bootstrap.



## Installation



### NPM



```bash

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

```



### CommonJS

```js

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

// or

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



new Vue({

  components: {

    'alert': alert

  }

})

```



### ES6

```js

import alert from 'vue-strap/src/alert'

// or

import { alert } from 'vue-strap'



new Vue({

  components: {

    alert

  }

})

```



### AMD

```js

$ 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](https://cdnjs.com/libraries/vue-strap),

and on both the Bower and NPM packages.



```html



    var vm = new Vue({

        components: {

            alert: VueStrap.alert

        },

        el: "#app",

        data: {

            showRight: false,

            showTop: false

        }

    })



```



## Docs

See the [documentation](https://wffranco.github.io/vue-strap/) 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](LICENSE).