STYLED MDL

Tooltips

Useful information on hover.

Basic Tooltips

/*--- Tooltip Above ---*/
<Tooltip message="Follow">
  <Button icon><Icon name="add" /></Button>
</Tooltip>

/*--- Tooltip Below ---*/
<Tooltip message="Follow" position="below">
  <Button icon><Icon name="add" /></Button>
</Tooltip>

/*--- Left Side tooltip ---*/
<Tooltip message="Follow" position="left">
  <Button icon><Icon name="add" /></Button>
</Tooltip>

/*--- Right Side Tooltip ---*/
<Tooltip message="Follow" position="right">
  <Button icon><Icon name="add" /></Button>
</Tooltip>

Additional Tooltips

/*--- Multiple Line Tooltip ---*/
<Tooltip message="Follow">
  <Button icon><Icon name="share" /></Button>
</Tooltip>

/*--- Large Tooltip ---*/
<Tooltip message="Big Text" large>
  <Button icon><Icon name="add" /></Button>
</Tooltip>

Usage

TODO

<Tooltip>

No Custom Props