A simple vue directive to include Shopify Swappable into your vue project.
Report Bug
·
Request Feature
A simple vue.js directive that implements Shopify Swappable / Draggable. Feel free to copy/paste the directive to reduce unnecessary node modules.
- 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.
Frameworks, Modules & Tools
To install the directive, follow these simple steps.
- 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
},- Add the directive to an element.
<div v-gridby="{ draggable: '.block' }">
<div class="block"></div>
<div class="block"></div>
</div>See the open issues to propose a features (and report issues).
👍 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
Distributed under the MIT License. See LICENSE for more information.
Oliver Griffith-Jones - @olzgj - hello@olivergriffithjones.com
Project Link: github.com/ogriffithjones/vue-contextmenu/