Vue Context
A simple vue directive to include Shopify Swappable into your vue project.
Report Bug
·
Request Feature
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.
- 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:
// ES5var gridby = require;// ES6import 'gridby';
- Set as directive
directives: ,
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/