Lightweight React.js Tooltip Component

A lightweight React.js tooltip component that shows onMouseEnter and hides onMouseLeave on devices with mouse or touch.

More features:

  • Uses inline-styles for easy composing of specialized components
  • Can contain rich content (composed of components)
  • Works well on a long lists (eg. financial transactions)
  • Is relatively small (~130 lines of ES6 code incl. default inline-styles)
  • Has no external dependencies except React and ReactDOM
  • Includes TypeScript typings


$ npm install react-lightweight-tooltip --save

Basic usage:

Import the component.

import {Tooltip} from 'react-lightweight-tooltip';

Use this component.

<Tooltip content="Yes, the default one">Simple black tooltip</Tooltip>


Lightweight React.js Tooltip Component

Download Details:

Author: mcumpl

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website:

License: MIT


Add Comment