react-smart-tooltip v2.1.0

React Smart Tooltip

React Smart Tooltip usage react-tippy.

Demo

Usage

import SmartTooltip from 'react-smart-tooltip'; // by default import SmartTooltip
//or
import SmartTooltip, { Tooltip, hocWithTooltip } from 'react-smart-tooltip'; // Tooltip - react-tippy, hocWithTooltip - react-tippy HOC. See docs of react-tippy

render() {
    <div> // wrapper with width in px or %
	    <SmartTooltip text="Text" /> // Text that should apply ellipsis styles and while hovering, display a hint with the full text
	    <Tooltip {...props}/>
	    //or
	    <Tooltip {...props}>
	        <div>Hover me</div>
	    </Tooltip>
	</div>
}

Props Tooltip

See react-tippy props.

Props SmartTooltip

Contributing

If you want to contribute to the development of a component - leave the issues or PR.

Thank you