├── .gitignore
├── src
├── index.js
└── veeno.js
├── README.md
├── index.html
├── package.json
└── dist
├── veeno.min.js
├── veeno.esm.js
└── veeno.umd.js
/.gitignore:
--------------------------------------------------------------------------------
1 | .vscode
2 |
3 | node_modules/
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | // Import vue component
2 | import veeno from './veeno.js';
3 |
4 | // install function executed by Vue.use()
5 | export function install(Vue) {
6 | if (install.installed) return;
7 | install.installed = true;
8 | Vue.component('veeno', veeno);
9 | }
10 |
11 | // Create module definition for Vue.use()
12 | const plugin = {
13 | install,
14 | };
15 |
16 | // To auto-install when vue is found
17 | let GlobalVue = null;
18 | if (typeof window !== 'undefined') {
19 | GlobalVue = window.Vue;
20 | } else if (typeof global !== 'undefined') {
21 | GlobalVue = global.Vue;
22 | }
23 | if (GlobalVue) {
24 | GlobalVue.use(plugin);
25 | }
26 |
27 | // To allow use as module (npm/webpack/etc.) export component
28 | export default veeno;
29 |
30 | // It's possible to expose named exports when writing components that can
31 | // also be used as directives, etc. - eg. import { RollupDemoDirective } from 'rollup-demo';
32 | // export const RollupDemoDirective = component;
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # veeno
2 |
3 | veeno is a range slider component for vue based off of
4 | [noUiSlider](https://github.com/leongersen/noUiSlider)
5 | It supports all noUiSlider features.
6 |
7 | ## Installation
8 |
9 | You can install the package via npm or yarn.
10 |
11 | #### NPM
12 |
13 | ```npm install veeno --save```
14 |
15 | #### YARN
16 |
17 | ```yarn add veeno```
18 |
19 | ## Usage
20 |
21 | ```vue
22 |
23 |
24 |
32 |
33 |
34 |
35 |
45 | ```
46 |
47 | ## More
48 |
49 | For visual details, checkout the [homepage](http://veeno.surge.sh/) page
50 |
51 | ## Custom Design
52 | [Shards ui](https://codesandbox.io/s/n462y7lx94)
53 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Veeno | Slider
8 |
9 |
14 |
15 |
16 |
17 |
18 |
22 |
23 |
24 |
30 |
31 |