Skip to content

shubhamsWEB/Tooltip-Package

Repository files navigation

REACT TOOLTIPS

Hint.css

Installation

npm install @shubham_17/tooltips --save

Usage

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>
    );
  }
}

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 ;)

About

Npm package for tooltips.

Resources

Security policy

Stars

Watchers

Forks

Packages

No packages published