2015-11-05 09:57:12 +03:00
# Tooltip
2015-11-05 20:49:55 +03:00
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>` .
2015-11-05 09:57:12 +03:00
<!-- example -->
```jsx
import Button from 'react-toolbox/button';
import Tooltip from 'react-toolbox/tooltip';
const TooltipTest = () => (
< div >
< p >
2015-11-05 20:49:55 +03:00
Lorem ipsum dolor sit amet, < strong > consectetur< Tooltip label = 'This is a auto show tooltip' / > < / strong > adipiscing elit.
2015-11-05 09:57:12 +03:00
< / 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.|