o-tooltip

CSS JS

A tooltip for annotating or drawing attention to other bits of UI

View on GitHub

Quick start

Using the build service

Add the following token to your script and link tags (how do I do that?):

o-tooltip@^3.1.0

For more information see the Origami build service.

Using a manual build process

Run the following command in the root directory of your project, to add this dependency to your bower.json file:

bower install --save "o-tooltip"@"^3.1.0"

For more information see the Origami build process.

demo


			

Basic demo

hover


			

Display on hover demo

click


			

Display on click demo

toggle


			

Toggle on click demo

timeout


			

Show/Hide Tooltip after timeout demo

no-markup


			

Tooltip declared in js, with no markup

responsive-positioning


			

Responsive positioning

Component information

Latest stable version:
3.1.0 (23 days, 12 hours old)
Status (Learn more):
Active (as of 3.1.0)
Bundle sizes:
33.98KB JavaScript 7.01KB CSS
This version
3.1.0 (23 days, 12 hours old)
Support status (Learn more):
Active (as of 3.1.0)
Last indexed
20 Feb 2018 11:56:54 (Build now)
Installable?
OK
Dependencies
ftdomdelegate ^2.1.0 OK 2.1.0
o-grid ^4.3.6 OK 4.3.8
o-normalise ^1.2.1 OK 1.6.0
o-overlay ^2.0.0 OK 2.3.0
o-viewport ^3.1.2 OK 3.1.5
o-visual-effects ^2.0.0 OK 2.0.3
Dependents
None

Contact

To talk to the team you can contact the Origami team on Slack channel #ft-origami or directly by email at origami-support@ft.com

Report an issue

Origami