Tooltip

Tooltips provide additional information when hovering over content.

Examples

A cappuccino is an espresso-based coffee drink that originated in Italy, and is traditionally prepared with steamed milk foam (microfoam).

import React from 'react';
import ReactDOM from 'react-dom';
import { Tooltip, Paragraph } from 'furl-components';

ReactDOM.render(
  <Paragraph>
    A cappuccino is an <Tooltip content='A type of coffee.' position='right'>espresso</Tooltip>-based coffee drink that originated in Italy, and is traditionally prepared with steamed milk foam (microfoam).
  </Paragraph>, 
  document.getElementById('root')
);

API

Tooltip props
Property	Description			Type	Default
content	tooltip content			string
position	tooltip position			string	'top'

Notes

position can be one of the following: 'top', 'bottom', 'left' or 'right'.