tech-no-logical / uiv

Bootstrap 3 components implemented by Vue 2.

Intro

Bootstrap 3 components implemented by Vue 2.

Demo & Docs

Dependencies

• Vue 2 (tested on ^2.2.6)
• Bootstrap 3 CSS (tested on ^3.3.7)

Supported Browsers

Components and directives are tested with the following browsers:

• Chrome
• Firefox
• Safari
• Edge
• IE 9 / 10 / 11

Install

uiv is using UMD exporter, which means you can use it in both ES6 / CommonJS / AMD / Browser.

ES6 Sample

$ npm install uiv

// Import and register all components once
import * as uiv from 'uiv'
Vue.use(uiv)

// Or import respectively
import { Dropdown } from 'uiv'

new Vue({
  components: {
    Dropdown
  }
})

Browser Sample

<tabs>
  <tab>...</tab>
  <tab>...</tab>
</tabs>

<script src="path/to/vue.min.js"></script>
<script src="path/to/uiv.min.js"></script>

<!-- Import and register all components once -->
<script>
  Vue.use(uiv)
</script>

<!-- Or import respectively -->
<script>
  new Vue({
    components: {
      Tabs: uiv.Tabs, Tab: uiv.Tab
    }
  })
</script>

Build Setup

# install dependencies
npm install

# serve docs with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build docs
npm run build-docs

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

License

MIT