0.1.0 • Published 4 years ago
gridby v0.1.0
Table of Contents
About The Project
A simple vue.js directive that implements Shopify Swappable / Draggable. Feel free to copy/paste the directive to reduce unnecessary node modules.
Shopify Draggable
- This directive is specifically for swappable.js however you can just swap Swappable in the directive with Collidable etc.
- This directive doesn't currently support events however these are being worked on.
- Feel free to fork and add any functionality you want.
Built With
Frameworks, Modules & Tools
Getting Started
To install the directive, follow these simple steps.
Install
- npm
npm i --save gridby- Require it in your vue.js component file:
// ES5
var gridby = require('gridby');
// ES6
import 'gridby';- Set as directive
directives: {
gridby
},Usage
- Add the directive to an element.
<div v-gridby="{ draggable: '.block' }">
<div class="block"></div>
<div class="block"></div>
</div>Roadmap
See the open issues to propose a features (and report issues).
Contributing
👍 Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
License
Distributed under the MIT License. See LICENSE for more information.
Contact
Oliver Griffith-Jones - @olzgj - hello@olivergriffithjones.com
Project Link: github.com/ogriffithjones/vue-contextmenu/