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. |
bacb02b8e4