Skip to content

Releases: cht8687/react-hover

improved demo page

08 Oct 01:52
2ffe43d
Compare
Choose a tag to compare

added default options

10 Jun 07:59
b13938c
Compare
Choose a tag to compare

Added default options:

 static defaultProps = {   
   options: {      
       followCursor: true,      
       shiftX: 20,      
       shiftY: 0    
    },  
 }

2.0.0 release

26 Jul 07:57
abc6a8d
Compare
Choose a tag to compare

Breaking changes in 2.0.0:

export Trigger and Hover component directly for better Typescript support.

import ReactHover, { Trigger, Hover } from 'react-hover'

<ReactHover options={optionsCursorTrueWithMargin}>
  <Trigger type="trigger">
    <TriggerComponent />
  </Trigger>
  <Hover type="hover">
    <HoverComponent />
  </Hover>
</ReactHover>

Note, React.Trigger and React.Hover only existed in 1.X versions.

1.3.5

23 Apr 05:04
6229aff
Compare
Choose a tag to compare

Fixed flickering issue when hover and trigger component are at same position.

Issue: #21
PR: #30

1.3.2

21 Sep 13:06
Compare
Choose a tag to compare

Add in type prop to fix issue with production minify/uglify code issue. #11.

<ReactHover.Trigger type='trigger'>
<ReactHover.Hover type='hover'>

react-hover 1.0.0 release

03 May 14:06
Compare
Choose a tag to compare

Breaking changes:
API has changed to make this lib easier to use:

You can now turn plain HTML or your custom trigger/hover components in React-hover.

Below is the example of custom components:

<ReactHover
  options={optionsCursorTrueWithMargin}>
  <ReactHover.Trigger>
    <TriggerComponent />
  </ReactHover.Trigger>
  <ReactHover.Hover>
    <HoverComponent />
  </ReactHover.Hover>
</ReactHover>

Or plain HTML element:

<ReactHover
  options={optionsCursorTrueWithMargin}>
  <ReactHover.Trigger>
    <h1 style={{background: '#abbcf1', width: '200px'}}> Hover on me </h1>
  </ReactHover.Trigger>
  <ReactHover.Hover>
    <h1> I am hover HTML </h1>
  </ReactHover.Hover>
</ReactHover>

Add in IE9, IE10 support

09 Jan 11:37
Compare
Choose a tag to compare

Now you can use react-hover on IE9 and IE10.

0.6.2

07 Aug 08:50
Compare
Choose a tag to compare

Add in className option:

<ReactHover
    className='basic'  // now you can add your own class for Outer container
    styles={styles.basic}
    componentHtml={componentHtml.basicComponentHtml}
    options={optionsCursorFalse}
 />

v0.5.0

29 Apr 12:41
Compare
Choose a tag to compare

Add in touch support for mobile devices.