Back to Info Tooltip-guidelines

Web ComponentThe latest version of this package is: 0.6.9, Opens in new window

Webcomponent for Info Tooltip

This component is compatible with ESM (ES6 module) and IIFE. See documentation examples below.

To be able to install this component, please refer to the Project Setup documentation.

$ npm i @ids-wc/info-tooltip@0.6.9

Table of Contents


  data-text="We need the last know adress to be able to pinpoint migration patterns..."
<script src="…info-tooltip-webcomponent.iife.js"></script>


Property Type Description Required
data-text String The text to use in Info Tooltip Yes
data-title String The title to use in Info Tooltip No
data-standalone String/Boolean To indicate that it is used alone, not next to text No


The webcomponent fires a CustomEvent for opening and closing of the component.

document.addEventListener('ids:send:info-tooltip', e => { console.log(e); });
Event Type Description
ids:send:info-tooltip CustomEvent Event fired on open
ids:send:info-tooltip CustomEvent Event fired on close

The payload of the event looks something like this:

// For opened event
detail: { source: "IDS_INFO_TOOLTIP", type: "INFO_TOOLTIP_OPENED", payload: { id: "<uuid>" } }
// For closed event
detail: { source: "IDS_INFO_TOOLTIP", type: "INFO_TOOLTIP_CLOSED", payload: { id: "<uuid>" } }


Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

0.3.7 (2022-03-09)

Miscellaneous chores

0.3.6 (2022-03-09)

Miscellaneous chores

0.3.5 (2022-03-08)

Miscellaneous chores

0.3.4 (2021-11-10)

Miscellaneous chores

  • Manually testing inclusion of (f91eb76)

0.3.0 (2021-11-10)

Miscellaneous chores

0.2.3 (2021-10-28)

Miscellaneous chores

  • reinstall (0f764a7)

  • update after change of navigational structure (e8962a1)

0.2.0 (2021-10-14)


Contact us, Opens in new window