The <ips-tooltip> provides a tooltip wrapper.

See Storybook

Install the component library:

npm install @ipscape/cumulus

or the tooltip component

yarn add @ipscape/ips-tooltip

Add the component to your app:

import Vue from 'vue';
import IpsToooltip from '@ipscape/ips-tooltip';
import '@ipscape/ips-tooltip/dist/ips-tooltip.css';

Vue.component(IpsTooltip.name, IpsTooltip);

Use a component in your application:

<template>
  <ips-tooltip
    tip="Tip to display"
    placement="bottom"
    entry-delay="1000"
    exit-delay="800"
  >
    <p>Text for tooltip</p>
  </ips-tooltip>
</template>

Made with ❤ by ipSCAPE

Licensed under the terms of GNU General Public License Version 2 or later. For full details about the license, please check the LICENSE.md file.