react-hover-tooltip
v0.0.3TypeScript
Simple, opinionated tooltip component that appears on hover
0/weekUpdated 3 years agoMITUnpacked: 33.8 KB
Published by Graham Kaemmer
npm install react-hover-tooltipreact-hover-tooltip
Simple, opinionated tooltip. It shows up on mouse hover or on element focus, and it is always anchored to the center of props.children.
Installation
``sh`
npm install react-hover-tooltip
Usage
`js
Some span
// Use replace prop when element has custom sizing or positioning`
// (adds listeners to the child element instead of a wrapping span)
The div's content
Props
- content: The content of the tooltip. Can be a string, or any react element. The tooltip's size will adjust to the size of the content.replace
- : If true, you must only pass ONE child element. That one child element will be as the event source (onMouseOver, onFocus) and used to determine sizing (using getBoundingClientRect). If set to false (the default), a wrapping span element will be created around the tooltip children.bottom
- : If true, renders the tooltip BENEATH the child content instead of above it. Defaults to false.
$3
Unfortunately no.
Development
Pull the repo, then run npm run start to start a development server in the example/` directory. It should reload as you make changes.