tooltip

Simple toggletip and tooltip for your react apps

Jun 27, 2018
Simple toggletip and tooltip for your react apps

react-toggletip

Simple toggletip and tooltip for your react apps.

react-toggletip

View demo Download Source

Features

  • works on all mainstream browsers
  • css only tooltip without additional javascript dependencies
  • uses aria attributes for accessibility and to work with screen readers
  • works on icons and other elements
  • supports multiline tooltips

Installation

$ npm install --save react-toggletip

or if you are using yarn

$ yarn add react-toggletip

Documentation

ToggleTip component will render a info icon by default. The default icon can be overridden with props given below. If you want to display tooltips over custom content, wrap ToggleTip around the content.

NameTypeDescription
contentString or array of stringsThe tooltip content. Pass array of strings if you want multiline tooltips
placementstringone of bottom-right, bottom, bottom-left,right,left,top-right,top,top-left
animatedbooleanDisable tooltip animations. Default: true
iconnodeReplace info icon with custom icon
childrennodeDisplay tooltip on top of custom content instead of icons

GitHub

Recommended