Tooltips

const Tooltip = require('gitbook-styleguide/lib/Tooltip');

Example

There is a tooltip
, hover this text.
This one is open
<Tooltip title="Hello World">
There is a tooltip
</Tooltip>
<Tooltip title="Hello World">
, hover this text.
</Tooltip>
<Tooltip title="Hello World" open>
This one is open
</Tooltip>

Positions

Bottom right
Top right
Bottom
Bottom left
Top
<Tooltip title="Bottom right" open position={Tooltip.POSITIONS.BOTTOM_RIGHT}>
<code>Bottom right</code>
</Tooltip>
<Tooltip title="Top right" open position={Tooltip.POSITIONS.TOP_RIGHT}>
<code>Top right</code>
</Tooltip>
<Tooltip title="Bottom" open position={Tooltip.POSITIONS.BOTTOM}>
<code>Bottom</code>
</Tooltip>
<Tooltip title="Bottom left" open position={Tooltip.POSITIONS.BOTTOM_LEFT}>
<code>Bottom left</code>
</Tooltip>
<Tooltip title="Top" open position={Tooltip.POSITIONS.TOP}>
<code>Top</code>
</Tooltip>