https://github.com/orsifrancesco/small-tooltip
Just a small tooltip for ES6 and/or React.
https://github.com/orsifrancesco/small-tooltip
javascript npm npm-package react reactjs tooltip tooltips
Last synced: 1 day ago
JSON representation
Just a small tooltip for ES6 and/or React.
- Host: GitHub
- URL: https://github.com/orsifrancesco/small-tooltip
- Owner: orsifrancesco
- License: mit
- Created: 2020-06-13T21:20:00.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-10-07T08:23:22.000Z (about 5 years ago)
- Last Synced: 2025-01-17T13:47:55.428Z (9 months ago)
- Topics: javascript, npm, npm-package, react, reactjs, tooltip, tooltips
- Language: JavaScript
- Homepage:
- Size: 11.7 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# small-tooltip
[](https://www.npmjs.com/package/small-tooltip)
Just a small tooltip for ES6 and/or React.
## Installation
```bash
$ npm install small-tooltip
```
## Examples
```jsx
// just paste these few lines of code in your main file (index.js.. or app.js..)
// that's it, I will be always available in all the pages of your project!
// ..available for the dynamic elements as well..
import SmallTooltip from 'small-tooltip';
import 'small-tooltip/smallTooltip.css'; // <-- easy to customize
const smallTooltip = new SmallTooltip();
smallTooltip.init();
```
```html
Move your mouse here to see me
```
```jsx
// simple javascript **********
// insert
somewhere on your main project file (index.js, app.js..), of course just one time!
document.body.insertAdjacentHTML('beforeend', ``);
// example of usage
document.body.insertAdjacentHTML('beforeend', `
❤❤❤
`);
```
```jsx
// or React **********
function App() {
return (
<>
{
// insert
somewhere on your main project file (index.js, app.js..), of course just one time!
}
{
// example of usage
Move your mouse here to see me as well!
}
>
);
}
```
## Demo
[Just a example project where you can see small-tooltip in action..](https://messagerimus.com)
## License
Licensed under MIT