Can use come custom tag (class created by me). LIKE: export const basicComponentHtml = { hoverComponent: '', trigger: 'hover me' }

[priyankadevgan1992]

export const basicComponentHtml = { hoverComponent: '', trigger: 'hover me' }

[cht8687]

@priyankadevgan1992 are you referring to custom classes within the hoverComponent?

 hoverComponent: '<h1> pop up header </h1> <p> pop up content </p>',

could you supply an example? thanks.

[priyankadevgan1992]

sure like, I have my own component of my own named as MyComponent,

Below is the code

let id='10';   // it will dynamic in my code.
let content = 'Name';

myarr.push(<ReactHover
            className='basic'
            styles={styles.basic}
            componentHtml={{
                hoverComponent: (<MyComponent id={id}> </MyComponent>),
                trigger: content
                }}
            options={optionsCursorTrueWithMargin}
        />);

<td> {myarr} </td>

[cht8687]

oh, this could be #3 , I am working on that branch [V2.0] (https://github.com/cht8687/react-hover/tree/feature/version2.0)... Still working in progress.The API will be changed in V2 as well to enable render custom component. If you have time and comes with a better solution, you can help to raise a PR!! :smile:

[priyankadevgan1992]

oh, sure and thanks for the update.

[cht8687]

@priyankadevgan1992

Hi, I just released the V1.0.0 which support custom components. Please try it and give me some feedback if you can. Cheers.

[priyankadevgan1992]

Sure, I will check it out and will let you know if face any other issues

On 03-May-2017 7:39 PM, "Robert Chang" notifications@github.com wrote:

@priyankadevgan1992 https://github.com/priyankadevgan1992

Hi, I just released the V1.0.0 which support custom components. Please try it and give me some feedback if you can. Cheers.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/cht8687/react-hover/issues/9#issuecomment-298922075, or mute the thread https://github.com/notifications/unsubscribe-auth/AHFRSzHQzFDD8q3QmzovjHljJUQ1eveQks5r2IqlgaJpZM4NHUNI .