Utility
===

#### Tooltips
For text-only tooltips use the `data-tooltip` attribute for showing and hiding small amounts of info.

```jsx
import Flex from '@ui/components/Flex';

<Flex justify="around">
  <span data-tooltip="Tooltip" data-tooltip-position="top">Top</span>
  <span data-tooltip="Tooltip" data-tooltip-position="right">Right</span>
  <span data-tooltip="Tooltip" data-tooltip-position="bottom">Bottom</span>
  <span data-tooltip="Tooltip" data-tooltip-position="left">Left</span>
</Flex>
```