Socket
Socket
Sign inDemoInstall

tippy.js

Package Overview
Dependencies
Maintainers
1
Versions
152
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

tippy.js

Highly customizable tooltip and popover library


Version published
Maintainers
1
Created

What is tippy.js?

The tippy.js npm package is a highly customizable tooltip and popover library powered by Popper.js. It is used to create and manage tooltips, popovers, and dropdowns with various effects, themes, and customization options.

What are tippy.js's main functionalities?

Basic Tooltip

This code attaches a basic tooltip with the text 'Tooltip text' to the element with the ID 'myButton'.

tippy('#myButton', { content: 'Tooltip text' });

HTML Content

This code attaches a tooltip that uses HTML content from the element with the ID 'myTemplate' to the element with the ID 'myButton'.

tippy('#myButton', { content: document.querySelector('#myTemplate') });

Interactive Tooltip

This code creates an interactive tooltip that allows users to interact with the content inside the tooltip.

tippy('#myButton', { content: 'Interactive tooltip', interactive: true });

Placement Options

This code positions the tooltip on the right side of the element with the ID 'myButton'.

tippy('#myButton', { content: 'Tooltip on the right', placement: 'right' });

Animation Effects

This code adds a 'scale' animation effect to the tooltip shown on the element with the ID 'myButton'.

tippy('#myButton', { content: 'Animated tooltip', animation: 'scale' });

Other packages similar to tippy.js

Keywords

FAQs

Package last updated on 31 Jan 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc