Usage no npm install needed!

<script type="module">
  import ipscapeIpsTooltip from 'https://cdn.skypack.dev/@ipscape/ips-tooltip';
</script>

README

ips-tooltip

The <ips-tooltip> provides a tooltip wrapper.

Live demo

See Storybook

Getting started

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>

License

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.