Tool tip using react
npm install react-customizable-tooltipOriginally built by Tenzin Sonam https://github.com/tenso2006/TooltipFeature
Additional Contributions and NPM Publishing performed by Michael Dimmitt
To understand the usage of the project click the github link please clone down the project
and run npm install.
This Github repository installs the component as a node_module used by the "component/Example.js" file.
Please do ---> npm install on the root directory
To start the server
type ---> npm run dev in the console with root directory.
App will be launched on browser ---> http://localhost:8080/
Thank You!
The tooltip is customizable meaning that it is waiting for you to pass a style and you are in control of the events.
The tooltip currently asks the user to write their own events. (mouse over, mouse leave, on click) - see example.js file.
If you would like an additional component not currently provided:
please open an issue
Additionally feedback can be given via issues page.
To Update when contributing locally:
1) make changes in react-customizable-tooltip/components/react-customizable-tooltip/StatelessComponents.js
2) an example file is present that uses the tooltip. feel free to modify this in your test case purposes.
When ready to publish package changes:
1) cd react-customizable-tooltip/components/react-customizable-tooltip
2) npx babel StatelessComponents.js > ../../src/react-customizable-tooltip/
3) If you accidently overide you can undo the change with git checkout .;
Package Publishing Instructions:
https://docs.npmjs.com/getting-started/publishing-npm-packages
basically make an npm account
make sure package.json is correct and version upped. then, npm publish!
This folder contains the babel compiled output from:
TooltipFeature/containers/tooltips/StatelessTooltips.js
The contents of this folder can be updated using:
npx babel ../../containers/tooltips/StatelessTooltips.js > StatelessTooltips.js
To publish once the file has been updated:
1) version bump the package.json
2) npm publish