Deprecated - contains information about version 17 of the IDS librarySeedesign.if.eufor the latest documentation
Back to Info Tooltip-guidelines

CSS ComponentThe latest version of this package is: 14.0.0, Opens in new window

The Info Tooltip component displays tip or information on click

This component provides .css, .styl, .less and .scss -files.

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

View repository, Opens in new windowView package, Opens in new window
$ npm i @ids-core/info-tooltip@14.0.0
Preview

Table of Contents

Edit this section, Opens in new window

Usage

Required markup

<button class="if info-tooltip-button" type="button" aria-label="More information"></button>
<div
  class="if info-tooltip-popover [is-open]"
  aria-hidden="false"
  aria-labelledby="<title-identifier>"
  aria-describedby="<text-identifier>"
  role="dialog"
>
  <button class="if close" type="button" aria-label="Close"></button>
  [<span class="if title" id="<title-identifier>">Title</span>]
  <span class="if text" id="<text-identifier>">Text</span>
</div>
Edit this section, Opens in new window

Changelog

Change Log

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

14.0.0 (2021-11-09)

chore

  • 🤖 Rename util to utils (f78721f)

Code Refactoring

  • 💡 Rename scope and repository (3ea5423)
  • 💡 Use new navigation structure for documentation (415aee5), closes #490579

Documentation

  • ✏️ Split out CSS and Webcomponent documentation (b7e1394), closes #467386
  • ✏️ Update links and change navigation structure (0bfd27d), closes #490579

BREAKING CHANGES

  • 🧨 The scope for If Design System npm packages has now changed from

@if-design-system to @ids-core. We have also renamed the repository from if-design-system to ids-core

  • 🧨 Util is now renamed to Utils
  • 🧨 We have now changed the navigation structure for the documentation site.

Please update any saved links!

  • 🧨 Navigation structure has now changed. Please see release notes!
  • 🧨 Webcomponent documentation is now in the @ids-wc/info-tooltip package

13.11.0 (2021-10-19)

Features

  • 🎸 Input field hot reload (eac76b7)

13.9.2 (2021-09-30)

Bug Fixes

  • 🐛 Complete the pseudo-element fix (1dcee2c)

13.6.3 (2021-09-17)

Bug Fixes

12.13.1 (2021-08-11)

Bug Fixes

12.6.0 (2021-05-27)

Bug Fixes

  • 🐛 Manually set firstPublished and lastModified (e83af7d)
  • 🐛 We don't need lastModified (e458a12)

12.1.0 (2021-05-07)

Features

  • 🎸 Add Info Tooltip component (eccd9a8)
Edit this section, Opens in new window
Contact us, Opens in new window