{"id":15032183,"url":"https://github.com/reacttooltip/react-tooltip","last_synced_at":"2025-12-12T03:21:25.725Z","repository":{"id":29996567,"uuid":"33544051","full_name":"ReactTooltip/react-tooltip","owner":"ReactTooltip","description":"React Tooltip Component","archived":false,"fork":false,"pushed_at":"2025-04-08T14:58:05.000Z","size":55658,"stargazers_count":3692,"open_issues_count":17,"forks_count":533,"subscribers_count":23,"default_branch":"master","last_synced_at":"2025-04-15T09:43:25.536Z","etag":null,"topics":["javascript","react","react18","tooltip","typescript"],"latest_commit_sha":null,"homepage":"https://react-tooltip.com/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ReactTooltip.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["gabrieljablonski","danielbarion"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2015-04-07T13:15:04.000Z","updated_at":"2025-04-13T10:04:13.000Z","dependencies_parsed_at":"2024-01-15T15:33:31.941Z","dependency_job_id":"4a69d4e6-0e1f-480f-a169-a92382be022c","html_url":"https://github.com/ReactTooltip/react-tooltip","commit_stats":{"total_commits":1264,"total_committers":157,"mean_commits":8.050955414012739,"dds":0.7302215189873418,"last_synced_commit":"08bfc6f17789d9f06f10bc90a58d34521d5178de"},"previous_names":["wwayne/react-tooltip"],"tags_count":193,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ReactTooltip%2Freact-tooltip","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ReactTooltip%2Freact-tooltip/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ReactTooltip%2Freact-tooltip/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ReactTooltip%2Freact-tooltip/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ReactTooltip","download_url":"https://codeload.github.com/ReactTooltip/react-tooltip/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250230794,"owners_count":21396362,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","react","react18","tooltip","typescript"],"created_at":"2024-09-24T20:17:40.648Z","updated_at":"2025-12-12T03:21:25.637Z","avatar_url":"https://github.com/ReactTooltip.png","language":"TypeScript","readme":"# react-tooltip\n\n[![Version](http://img.shields.io/npm/v/react-tooltip.svg)](https://www.npmjs.org/package/react-tooltip)\n![typescript](https://badgen.net/badge/icon/typescript?icon=typescript\u0026label)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n[![npm download][download-image]][download-url]\n![minified](https://badgen.net/bundlephobia/min/react-tooltip)\n![minified gzip](https://badgen.net/bundlephobia/minzip/react-tooltip)\n\n\u003c!-- ![last commit](https://badgen.net/github/last-commit/reacttooltip/react-tooltip) --\u003e\n\n[download-image]: https://img.shields.io/npm/dm/react-tooltip.svg?style=flat-square\n[download-url]: https://npmjs.org/package/react-tooltip\n\nIf you like the project, please give the project a GitHub 🌟\n\n---\n\nWhy do we show ads on our docs?\n\n- ReactTooltip is an open source project, this is the way we found to be financed by the community.\n\n## Demo\n\n[![Edit ReactTooltip](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/gallant-leftpad-8kvtn7?file=/src/App.js)\n\nDocumentation for V4 - [Github Page](https://reacttooltip.github.io/react-tooltip/).\n\nDocumentation for V5 - [ReactTooltip](https://react-tooltip.com/docs/getting-started).\n\n---\n\n## Installation\n\n```sh\nnpm install react-tooltip\n```\n\nor\n\n```sh\nyarn add react-tooltip\n```\n\n## Sponsors\n\n### Gold Sponsors 🌟\n\n\u003ca href=\"https://frigade.com/?source=react-tooltip\"\u003e\n  \u003cimg alt=\"Frigade\" style=\"height: 250px;\" src=\"docs/static/img/sponsors/frigade.png\" /\u003e\n\u003c/a\u003e\n\nReact Tooltip is proud to be sponsored by [Frigade](https://frigade.com/?source=react-tooltip), a developer tool for building better product onboarding: guided tours, getting started checklists, announcements, etc.\n\n#### Silver Sponsors ✪\n\n\u003c!-- \u003ca href=\"#\"\u003e\n  \u003cimg alt=\"Slot\" style=\"height: 200px; width: 200px;\" src=\"docs/static/img/sponsors/slot.png\" /\u003e\n\u003c/a\u003e --\u003e\n\n## Powered by\n\n\u003cp\u003e\n  \u003ca href=\"https://www.digitalocean.com/?refcode=0813b3be1161\u0026utm_campaign=Referral_Invite\u0026utm_medium=Referral_Program\u0026utm_source=badge\"\u003e\n    \u003cimg src=\"https://opensource.nyc3.cdn.digitaloceanspaces.com/attribution/assets/PoweredByDO/DO_Powered_by_Badge_blue.svg\" width=\"201px\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## Usage\n\n1 . Import the CSS file to set default styling.\n\n\u003e [!WARNING]\\\n\u003e If you are using a version before than `v5.13.0`, you must import the CSS file or the tooltip won't show!\n\n```js\nimport 'react-tooltip/dist/react-tooltip.css'\n```\n\nThis needs to be done only once and only if you are using a version before than `5.13.0`. We suggest you do it on your `src/index.js` or equivalent file.\n\n2 . Import `react-tooltip` after installation.\n\n```js\nimport { Tooltip } from 'react-tooltip'\n```\n\nor if you want to still use the name ReactTooltip as V4:\n\n```js\nimport { Tooltip as ReactTooltip } from 'react-tooltip'\n```\n\n3 . Add `data-tooltip-id=\"\u003ctooltip id\u003e\"` and `data-tooltip-content=\"\u003cyour placeholder\u003e\"` to your element.\n\n\u003e `data-tooltip-id` is the equivalent of V4's `data-for`.\n\n```jsx\n\u003ca data-tooltip-id=\"my-tooltip\" data-tooltip-content=\"Hello world!\"\u003e\n  ◕‿‿◕\n\u003c/a\u003e\n```\n\n4 . Include the `\u003cTooltip /\u003e` element.\n\n\u003e [!NOTE]\\\n\u003e Don't forget to set the id, it won't work without it!\n\n```jsx\n\u003cTooltip id=\"my-tooltip\" /\u003e\n```\n\n## Troubleshooting\n\nBefore trying these, make sure you're running the latest ReactTooltip version with\n\n```sh\nnpm install react-tooltip@latest\n```\n\nor\n\n```sh\nyarn add react-tooltip@latest\n```\n\nPlease check our [troubleshooting section](https://react-tooltip.com/docs/troubleshooting) on our docs.\n\nIf you can't find your problem here, make sure there isn't [an open issue](https://github.com/ReactTooltip/react-tooltip/issues) already covering it.\nIf there isn't, feel free to [submit a new issue](https://github.com/ReactTooltip/react-tooltip/issues/new/choose).\n\n## Article\n\n[How I insert sass into react component](https://medium.com/@wwayne_me/how-i-insert-sass-into-my-npm-react-component-b46b9811c226#.gi4hxu44a)\n\n## Maintainers\n\n[danielbarion](https://github.com/danielbarion) Maintainer - Creator of React Tooltip \u003e= V5.\n\n[gabrieljablonski](https://github.com/gabrieljablonski) Maintainer.\n\n[aronhelser](https://github.com/aronhelser) (inactive).\n\n[alexgurr](https://github.com/alexgurr) (inactive).\n\n[pdeszynski](https://github.com/pdeszynski) (inactive).\n\n[roggervalf](https://github.com/roggervalf) (inactive).\n\n[huumanoid](https://github.com/huumanoid) (inactive)\n\n[wwayne](https://github.com/wwayne) (inactive) - Creator of the original React Tooltip (V1.x ~ V4.x.)\n\nWe would gladly accept a new maintainer to help out!\n\n## Contributing\n\nWe welcome your contribution! Fork the repo, make some changes, submit a pull-request! Our [contributing](CONTRIBUTION.md) doc has some details.\n\n## License\n\nMIT\n","funding_links":["https://github.com/sponsors/gabrieljablonski","https://github.com/sponsors/danielbarion"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freacttooltip%2Freact-tooltip","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freacttooltip%2Freact-tooltip","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freacttooltip%2Freact-tooltip/lists"}