{"id":20670887,"url":"https://github.com/orsifrancesco/small-tooltip","last_synced_at":"2026-05-08T14:01:56.226Z","repository":{"id":57148963,"uuid":"272087513","full_name":"orsifrancesco/small-tooltip","owner":"orsifrancesco","description":"Just a small tooltip for ES6 and/or React.","archived":false,"fork":false,"pushed_at":"2020-10-07T08:23:22.000Z","size":12,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-17T13:47:55.428Z","etag":null,"topics":["javascript","npm","npm-package","react","reactjs","tooltip","tooltips"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/orsifrancesco.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-06-13T21:20:00.000Z","updated_at":"2024-04-09T09:23:53.000Z","dependencies_parsed_at":"2022-08-22T18:50:36.909Z","dependency_job_id":null,"html_url":"https://github.com/orsifrancesco/small-tooltip","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/orsifrancesco%2Fsmall-tooltip","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/orsifrancesco%2Fsmall-tooltip/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/orsifrancesco%2Fsmall-tooltip/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/orsifrancesco%2Fsmall-tooltip/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/orsifrancesco","download_url":"https://codeload.github.com/orsifrancesco/small-tooltip/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242889368,"owners_count":20201949,"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","npm","npm-package","react","reactjs","tooltip","tooltips"],"created_at":"2024-11-16T20:23:57.544Z","updated_at":"2025-10-10T07:34:48.179Z","avatar_url":"https://github.com/orsifrancesco.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# small-tooltip\n\n[![NPM version](https://img.shields.io/npm/v/small-tooltip.svg?style=flat)](https://www.npmjs.com/package/small-tooltip)\n\nJust a small tooltip for ES6 and/or React.\n\n![smallTooltip](https://user-images.githubusercontent.com/6490641/84581443-c6ea3380-add8-11ea-9d92-94564feb488a.gif \"small-tooltip\")\n\n## Installation\n\n```bash\n$ npm install small-tooltip\n```\n\n## Examples\n\n```jsx\n\n  // just paste these few lines of code in your main file (index.js.. or app.js..)\n  // that's it, I will be always available in all the pages of your project!\n  // ..available for the dynamic elements as well..\n\n  import SmallTooltip from 'small-tooltip';\n  import 'small-tooltip/smallTooltip.css';    // \u003c-- easy to customize\n\n  const smallTooltip = new SmallTooltip();\n  smallTooltip.init();\n\n```\n\n```html\n\n  \u003c!-- html  ********** --\u003e\n\n  \u003c!-- insert \u003cdiv id=\"small-tooltip\"\u003e\u003c/div\u003e somewhere on your main project file (index.js, app.js..), of course just one time! --\u003e\n  \u003cdiv id=\"small-tooltip\"\u003e\u003c/div\u003e\n\n  \u003c!-- example of usage --\u003e  \n  \u003cdiv data-tip=\"I'm a small tooltip\"\u003eMove your mouse here to see me\u003c/div\u003e\n\n```\n\n```jsx\n\n  // simple javascript **********\n\n  // insert \u003cdiv id=\"small-tooltip\"\u003e\u003c/div\u003e somewhere on your main project file (index.js, app.js..), of course just one time!\n  document.body.insertAdjacentHTML('beforeend', `\u003cdiv id=\"small-tooltip\"\u003e\u003c/div\u003e`);\n\n  // example of usage\n  document.body.insertAdjacentHTML('beforeend', `\n    \u003ci data-tip=\"I'm a lovely small tooltip!!\"\u003e❤❤❤\u003c/i\u003e\n  `);\n\n```\n\n```jsx\n\n  // or React **********\n\n  function App() {\n\n    return (\n      \u003c\u003e\n\n        {\n          // insert \u003cdiv id=\"small-tooltip\"\u003e\u003c/div\u003e somewhere on your main project file (index.js, app.js..), of course just one time!\n          \u003cdiv id=\"small-tooltip\"\u003e\u003c/div\u003e\n        }\n        \n        {\n          // example of usage\n          \u003ch2 data-tip=\"I'm another small tooltip\"\u003eMove your mouse here to see me as well!\u003c/h2\u003e\n        }\n\n      \u003c/\u003e\n    );\n\n  }\n\n```\n\n## Demo\n\n[Just a example project where you can see small-tooltip in action..](https://messagerimus.com)\n\n## License\n\nLicensed under MIT","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Forsifrancesco%2Fsmall-tooltip","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Forsifrancesco%2Fsmall-tooltip","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Forsifrancesco%2Fsmall-tooltip/lists"}