JSPM

@utrecht/tooltip-css

3.0.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1957
  • Score
    100M100P100Q111016F
  • License EUPL-1.2

Tooltip component for the Municipality of Utrecht based on the NL Design System architecture

Package Exports

  • @utrecht/tooltip-css
  • @utrecht/tooltip-css/dist/index.css
  • @utrecht/tooltip-css/dist/index.mjs

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@utrecht/tooltip-css) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Tooltip component

Use the Tooltip to display an text for a short time, next to the related component.

Use tooltips only in the following situations:

  • To give playful feedback after clicking a button.
  • To provide a tooltip for buttons for actions that can easily be reversed, such as toggle bott. When the action is not easily reversible, the label must not be in a tooltip, it must be visible by default.

Shortcomings

  • The component does not initially support the NL Design System Baseline. It depends on the :dir() CSS pseudo-class, which is supported in Baseline 2023, but not yet Baseline. See Can I Use: :dir() CSS pseudo-class. As time goes by, eventually this component will support the NL Design System Baseline.
  • The component does not support vertical writing modes, because it depends on translateX(). In the future this component should be refactored to use CSS Anchor Positioning, but browser support is limited.