React Tooltip

A simple tooltip component for ReactJS.

Installation

npm install --save-dev react-tooltip-component

Usage

Style

Webpack

import'react-tooltip-component/lib/tooltip.css';//require('react-tooltip-component/lib/tooltip.css');

Other

<linkrel="stylesheet" type="text/css" href="path/to/react-tooltip-component/lib/tooltip.css">

JS

importTooltipfrom'react-tooltip-component';<Tooltiptitle='Tooltip on top'position='top'><buttonclassName='btn btn-default'>Tooltip on top</button></Tooltip>

UMD

<linkrel="stylesheet" type="text/css" href="path/to/react-tooltip-component/dist/tooltip.css"><scriptsrc="path/to/react-tooltip-component/dist/react-tooltip-component.js"></script>

constTooltip=window.ReactTooltipComponent;

Props

Name	Type	Required	Default	Description
title	string	true
position	string	false	top	['left', 'top', 'right', 'bottom']
fixed	bool	false	true	fixed or not
container	element	false	document.body
children	node	true

Example

View demo or example folder.