npm install @shubham_17/tooltips --save
import React from "react";
import Tooltip from "@shubham_17/tooltips";
class App extends React.Component {
render() {
return (
<React.Fragment>
<Tooltip text="I'm in top"
position="top"
type="success"
animation="bounce"
size="medium">
<div>
Hello There.!!
</div>
</Tooltip>
</React.Fragment>
);
}
}
You can customize this tooltip with different available options. Note All options are in lower case.
Options | Types |
---|---|
position | top , right , bottom , left , top-right/left , bottom-right/left |
size | small , medium , large |
type | info , error , success , warning |
animation | bounce (more to come) |
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
This is a demo package ;)