Installation

To install a component run

$ npm install @hawk-ui/tooltip --save

Please import CSS styles via

@import '/path__to__node_modules/@hawk-ui/tooltip/dist/index.min.css

Usage

Tooltip with content:

Demo

import Tooltip from '@hawk-ui/tooltip';

<Tooltip
  position="right"
  content="Tooltip"
>
  Hover me
</Tooltip>

Tooltip with options:

Demo

import Tooltip from '@hawk-ui/tooltip';

const panes = [
  <i class="fas fa-edit" />,
  <i class="fas fa-trash" />,
];

<Tooltip
  position="bottom"
  content={panes}
>
  Hover me
</Tooltip>

Tooltip disabled:

Demo

import Tooltip from '@hawk-ui/tooltip';

<Tooltip
  position="right"
  content="Tooltip"
  isDisabled
>
  Hover me
</Tooltip>