https://github.com/64robots/vue-draggable-input
Input Number that increments / decrements value dragging up / down
https://github.com/64robots/vue-draggable-input
Last synced: 3 months ago
JSON representation
Input Number that increments / decrements value dragging up / down
- Host: GitHub
- URL: https://github.com/64robots/vue-draggable-input
- Owner: 64robots
- License: mit
- Created: 2018-11-08T11:21:19.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-11-09T14:53:53.000Z (over 7 years ago)
- Last Synced: 2025-10-29T01:29:19.952Z (8 months ago)
- Language: JavaScript
- Homepage:
- Size: 392 KB
- Stars: 8
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vue Draggable Input
> Input Number that increments / decrements value dragging up / down
## Usage
### Directly in the browser
Drop the library in with a `` tag alongside Vue to globally install all components:
```html
<div id="app"><dragable-input></dragable-input></div>
<script src="https://unpkg.com/vue">
new Vue({ el: '#app' })
```
### In a module system (without Vue CLI)
Install the library with NPM:
```bash
npm install vue-draggable-input
```
Then register the library as a plugin to globally register the component:
```js
import DraggableInput from 'vue-draggable-input'
Vue.use(DraggableInput)
```
Or, import the component individually for local registration:
```js
import { DraggableInput } from 'vue-draggable-input'
export default {
components: { DraggableInput }
}
```
### In a module system (with Vue CLI)
> If using Vue CLI 3 with Babel or TypeScript, it's recommended that you import the library from its `src` directory. This will minimize the size of your application by preventing duplicate or unnecessary polyfills.
Install the library with NPM:
```bash
npm install vue-draggable-input
```
Then register the library as a plugin to globally install all components:
```js
import DraggableInput from 'vue-draggable-input/src'
Vue.use(DraggableInput)
```
Or, import components individually for local registration:
```js
import { DraggableInput } from 'vue-draggable-input/src'
export default {
components: { DraggableInput }
}
```