https://kzima.github.io/vuestrap-base-components/
Web components that extend Bootstrap 4 - http://kzima.github.io/vuestrap-base-components/#/accordion
https://kzima.github.io/vuestrap-base-components/
Last synced: about 1 month ago
JSON representation
Web components that extend Bootstrap 4 - http://kzima.github.io/vuestrap-base-components/#/accordion
- Host: GitHub
- URL: https://kzima.github.io/vuestrap-base-components/
- Owner: kzima
- License: mit
- Created: 2015-11-30T23:38:59.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-03-29T15:26:47.000Z (about 8 years ago)
- Last Synced: 2025-03-06T06:14:55.361Z (about 2 months ago)
- Language: JavaScript
- Homepage:
- Size: 2.12 MB
- Stars: 251
- Watchers: 8
- Forks: 41
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-vue-cn - VueStrap Base Components
README
Vuestrap Base Components
=========
Vuestrap Base Components extend Bootstrap 4. Built with [vuestrap](https://github.com/kzima/vuestrap/#readme), plain Vue.js and Webpack.
DEMO
=========
[Documentation](http://kzima.github.io/vuestrap-base-components/#/alert)
QUICK USE
=========
For compiled components, use it like this:
*Bower*
```js
bower install vuestrap-base --save-dev
```
```js
```
*NPM*
```js
npm install vuestrap-base-components --save-dev
```
```js
import vuestrapBase from vuestrap-base-components
```
And then in your Vue instance:
```js
new Vue({
el: '#app',
components: { 'vs-alert': vuestrapBase.alert }
})
```
-- OR --
If you chosen to work with source components, just import* desired components like so:
```js
import { vsAlert, vsButton } from 'vuestrap-alert/src/components'
```
and then load it in your Vue instance:
```js
new Vue({
el: '#app',
components: { vsAlert, vsButton }
})
```
*Note: You will need Babel Loader in your Webpack config file to support ES6 syntax.
You can then use icon component in your html, like so:
```html
Hello
```
THEMING
=========
To be able to use your app theme with component's scss variables, you will need to use [vuestrap-theme-loader](https://github.com/kzima/vueastrap-theme-loader) in your webpack config file.
```js
npm install vuestrap-theme-loader --save-dev
```
See [vuestrap-starter](https://github.com/kzima/vuestrap-starter) for a webpack config example with theme loader.
TODO
=========
- document events
- testing