Description:
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
Installation:
# NPM $ 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>
Preview:
