@shubham_17/tooltips

Easy to customize tooltips

Usage no npm install needed!

<script type="module">
  import shubham17Tooltips from 'https://cdn.skypack.dev/@shubham_17/tooltips';
</script>

README

REACT TOOLTIPS

Hint.css

Installation

npm install @shubham_17/tooltips --save

Usage

import React from "react";
import Tooltip from "./Tooltip";
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>
    );
  }
}

Tooltip Options

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)

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Note

This is a demo package ;)