cp-tooltip

1.2.5 • Public • Published

cp-tooltip

A simple tooltip widget for the canopy style guide

Requirements

  • Angular 1.3
  • jQuery

Installation

  1. Install through npm npm install --save cp-tooltip
  2. Make sure your app depends upon 'cp-tooltip':
angular.module('app', ['cp-tooltip']);

Usage

Markup:

<input type="text" cp-tooltip="Hey this is the message"/>

If you'd like the tooltip instantly render, include the cp-tooltip-instant attribute:

<input type="text" cp-tooltip="Hey this is the message" cp-tooltip-instant/>

If you want the tooltip to stay visible while the user interacts with the tooltip itself, include the cp-tooltip-allow-interaction attribute. This is useful when you want to allow the user to highlight and copy the contents of the tooltip.

<input type="text" cp-tooltip="Hey this is the message" cp-tooltip-allow-interaction/>

Demo

http://canopytax.github.io/cp-tooltip/

Dependencies (4)

Dev Dependencies (14)

Package Sidebar

Install

npm i cp-tooltip

Weekly Downloads

4

Version

1.2.5

License

MIT

Last publish

Collaborators

  • leahjlou
  • dckesler
  • kentmclean
  • joeldenning
  • blittle