naM ,sevitcepsreP weN

    @yst/vue-hoverable

    1.0.4 • Public • Published

    vue-hoverable

    Lightweight Vue utility for listening to mouse hover (mouseenter and mouseleave).

    Installation

    NPM

    $ npm install @yst/vue-hoverable

    Yarn

    $ yarn add @yst/vue-hoverable

    Import and install it as plugin:

    import Vue from 'vue';
    import Hoverable from '@yst/vue-hoverable';
    
    Vue.use(Hoverable);

    Options

    Scoped slots

    on.hover

    • type: boolean

    Provides an info of the current mouse state ("entering" or "leaving").

    Usage

    It doesn't wrap the target element/component with another one, because these mouse events are attached directly onto the target. So in the following case, the button will have mouse-hover and click handlers attached to it.

    <hoverable #on="{ hover }">
      <button 
        :style="{ backgroundColor: hover ? 'green' : 'blue' }"
        @click="handleClick">
        Click me
      </button>
    </hoverable>

    Install

    npm i @yst/vue-hoverable

    DownloadsWeekly Downloads

    3

    Version

    1.0.4

    License

    MIT

    Unpacked Size

    15.9 kB

    Total Files

    8

    Last publish

    Collaborators

    • yst