🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Declarative direction aware hover in Vuejs.

Other

Documentation

vue-direction

Minified size

Direction aware hover in Vuejs

Usage

Try it on codesandbox

Installation

Install the component via npm by running npm i vue-direction or yarn add vue-direction.

Usage

Import, register and place the component in your Vue app.

<template>   <VueDirection>     <template slot-scope="{ mouseDirection }">       <!-- do something with 'mouseDirection' -->       {{ mouseDirection.x }}       {{ mouseDirection.y }}     </template>   <VueDirection/> </template>
import VueDirection from 'vue-direction'  export default {   components: {     VueDirection,   }, }

Dev

Running dev script requires @vue/cli and @vue/cli-service-global to be installed. Install these globally by running npm i --g @vue/cli @vue/cli-service-global or yarn add global vue/cli @vue/cli-service-global.

Contributing

This project is open to and encourages contributions! Feel free to discuss any bug fixes/features in the issues. If you wish to work on this project:

  1. Fork the project
  2. Create your feature branch (git checkout -b new-feature-branch)
  3. Commit your changes (git commit -am 'add new feature')
  4. Push to the branch (git push origin new-feature-branch)
  5. Submit a pull request!

You May Also Like