https://github.com/vace/vue-spectre
spectre components built with Vue.js
https://github.com/vace/vue-spectre
Last synced: 8 months ago
JSON representation
spectre components built with Vue.js
- Host: GitHub
- URL: https://github.com/vace/vue-spectre
- Owner: vace
- License: mit
- Created: 2016-05-25T06:38:33.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2016-05-30T04:01:34.000Z (over 9 years ago)
- Last Synced: 2024-04-26T10:22:42.063Z (over 1 year ago)
- Language: Vue
- Homepage: https://vace.me/a/vue-spectre/index.html
- Size: 327 KB
- Stars: 43
- Watchers: 5
- Forks: 4
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-vue-refactor - vue-spectre
README
# vue-spectre
> spectre components built with Vue.js
(example)[https://vace.me/a/vue-spectre/index.html]
## Build Setup
spectre components built with Vue.js.
This repository contains a set of native Vue.js components based on spectre's markup and CSS.The only required dependencies are:
* [Vue.js](http://vuejs.org/) (required ^v1.x.x, test with v1.0.21).
* [Spectre CSS](https://picturepan2.github.io/spectre)
### NPM
```bash
$ npm install vue-spectre
```
### CommonJS
```js
var btn = require('vue-spectre').Btn;
new Vue({
components: {
'btn': btn
}
})
```
### ES6
```js
import { Btn } from 'vue-spectre'
new Vue({
components: {
Btn
}
})
```
### AMD
```js
$ bower install vue-spectre
define(['vue-spectre'], function(VueSpectre) { var Btn = VueSpectre.Btn });
```
### Browser globals
The `dist` folder contains `vue-spectre.js` and `vue-spectre.min.js` with all components exported in the window.VueSpectre object.
and on both the Bower and NPM packages.
you can see [test/index](test/index.html)
```html
var vm = new Vue({
components: {
Btn: VueSpectre.Btn
}
})
```
## Docs
See the [documentation](https://vace.me/a/vue-spectre/index.html) with live editable examples.
## Local Setup
* Install with `npm install`
* Run the docs site in development mode with `npm run build`. This will watch for file changes as you work.
* Build with `npm run dist`.
## License
vue-spectre is licensed under [The MIT License](LICENSE).