vdux-hover

Hover component for vdux

Usage no npm install needed!

<script type="module">
  import vduxHover from 'https://cdn.skypack.dev/vdux-hover';
</script>

README

hover

js-standard-style

Hover component for vdux

Installation

$ npm install vdux-hover

Usage

<Hover /> accepts both normal children and 'function children'. If you pass a function child to hover, it will call that child with a bool indicating whether or not the mouse is currently over your element. Example:

function render () {
  return (
    <Hover>
      <MenuItem />
      {
        hover => hover && <Tooltip message='Use MenuItem to menu your items!!' />}
      }
    </Hover>
  )
}

That's all there is to it.

License

MIT