balloon-tippy-js
Reactive icon

Balloon Tippy.js

Stable version 1.1.0 (Compatible with OutSystems 11)
Uploaded
 on 7 Jul
 by 
5.0
 (5 ratings)
balloon-tippy-js

Balloon Tippy.js

Details
Tippy.js is the complete tooltip, popover, dropdown, and menu solution for the web, powered by Popper. (Updated Version)
Read more

It's a generic abstraction for the logic and styling of elements that pop out from the flow of the document and float next to a reference element, overlaid on top of the UI. 

  • Smart: optimized positioning engine for flipping and overflow prevention
  • Universal: works with mouse, keyboard, and touch inputs
  • Accessible: WAI-ARIA compliant
  • Themeable: style via custom CSS, includes extra themes and animations
  • Typed: TypeScript support out of the box


All information, demos and functionality can be found on https://atomiks.github.io/tippyjs/ and in the WB descriptions.

Tippy.js by default have some properties settings already defined. (See JS line 317)
To override settings for all the balloons edit BalloonJS Script (Ex: Hide Arrow), for edit a specific balloon use Advance format JSON/Text Input.
https://atomiks.github.io/tippyjs/v6/all-props/

tippy.js v6.3.7 (c)
2017-present atomiks
MIT License

Release notes (1.1.0)

Major changes:

  • Removed unnecessary elements and refactor UI.
  • Added more advance examples to the Demo Application.
  • Supports more Trigger ways. (Including right mouse click)
  • Updated to the latest and last component version. (v6.3.7)
    • The developers of Tippy.js and Propper are now working together and created Floating UI.
    • In the future I might create a new forge component, but so far the current component is able to cover all the scenarios.
  • Added all the Events.
License (1.1.0)
Reviews (1)
by 
2020-11-20
in version 1.0.0
Super clean and easy to use! up and running within 5 minutes. i'd love an option to use the Right Mouse Button.
Team
Other assets in this category