Skip to main content

Tooltip

508 compliant accessible tooltip. Allows user to select tooltip text and closes on hitting the escape key.

Version

Installation​

npm

npm install @availity/tooltip --save

Yarn

yarn add  @availity/tooltip

Tooltip Example​

import React from 'react';
import Tooltip from '@availity/tooltip';

const Example = () => (
  <div>
    <Tooltip target="tooltip">
      <span>This is a tooltip</span>
    </Tooltip>
    <span id="tooltip">hover me!</span>
  </div>
);

Tooltip Props​

target: string​

The id of the element to receive the tooltip Required

See Reactstrap Tooltip documentation for remaining props.