cpr-tooltip

A React component for tooltips

Usage no npm install needed!

<script type="module">
  import cprTooltip from 'https://cdn.skypack.dev/cpr-tooltip';
</script>

README

cpr-tooltip

a React tooltip for heart-threatening situations

Usage

npm install --save cpr-tooltip
import CprTooltip from 'cpr-tooltip';

export default function MyComponent() {
  return (
    <CprTooltip
      text="This will be shown on hover"
      delayTime={1500}
      disabled={false}
    />
      <div>
        This is the content that will have a tooltip when hovered.
      </div>
    </CprTooltip>
  );
}

API / Props

  • text (required): The string of text to show in the tooltip.
  • delayTime (optional): The number of milliseconds to wait after mouseover before showing the tooltip. Defaults to 0 (instantaneous tooltip).
  • disabled (optional): If disabled is truthy, the tooltip will not be shown and an already visible tooltip will be hidden.