react-toolbox/components/tooltip/readme.md

851 B

Tooltip

A tooltip is Useful for show information on hover in any kind of component. Out of the box react-toolbox offers you a property tooltip in the component <Button>.

import Button from 'react-toolbox/lib/button';
import Tooltip from 'react-toolbox/lib/tooltip';

const TooltipTest = () => (
  <div>
    <p>
      Lorem ipsum dolor sit amet, <strong>consectetur<Tooltip label='This is a auto show tooltip' /></strong> adipiscing elit.
    </p>
    
    <Button label='Button with tooltip' kind='raised' accent tooltip='This is a tooltip by property' />
  </div>
);

Properties

Name Type Default Description
className String '' Set a class to style the Component.
label String The text string to use for the tooltip.