Tooltip

Use the Tooltip component to display extra information when users hover on a trigger element.

OverviewPropertiesUsageChangelog3.14.0

Changes to Tooltip. The full components changelog also lists package-wide and cross-cutting entries.

3.11.0

Updates

General

• Overlays such as Tooltip, Menu item tooltips, Select and FilterField suggestion lists, FeatureHighlight, and chart tooltips no longer flash briefly in the top-left corner of the screen before moving to their final position. (APPDEV-19359)

3.10.5

Updates

General

• Overlays such as Tooltip, Menu item tooltips, Select and FilterField suggestion lists, FeatureHighlight, and chart tooltips no longer flash briefly in the top-left corner of the screen before moving to their final position. (APPDEV-19359)

3.10.0

Updates

• Fixed alignment of the color dot and chevron in multi-line tooltip series items — both now appear on the first line instead of being vertically centered across the full item height. (APPDEV-18687)
• Added correct positioning behaviour to chart tooltip overflowing the viewport horizontally on mobile devices. (APPDEV-18672)

3.6.0

Updates

Charts

• Exposed ChartTooltip.Header and ChartTooltip.Footer as public API. ChartTooltip.Footer can now be passed as a child slot to override the default footer, enabling custom actions and placeholder text.
• Added optional series description rendered alongside the name, a proper multi-line wrap mode, and increased the tooltip body max-height for the new Tooltip.

3.3.1

Updates

• User-provided data-dt-name attribute on the trigger is no longer overridden by the default value. (APPDEV-17287)

3.1.0

Updates

General

• All components in content, editors, notifications, tables and typography now expose className, style, data-testid, data-dtrum-mask and data-dtrum-allow. Additionally, all remaining props are forwarded to the root of the component. (APPDEV-16251)
• Behavior tracking attributes are now supported in all components in content, tables, editors, notifications, and typography, as well as in the Overlay and Tooltip component. (APPDEV-16246)