Skip to content

ComponentsInfoTip

Components

InfoTip

A 16px info glyph whose tooltip-styled popup opens on hover (300ms) and on click (focus moves inside).

InfoTip

Trigger: 16px in layout, 24px hit area, muted ink, secondary on hover / focus / open. Popup: tooltip surface, max 240, padding 6/8, radius 6, 13/18. Hover opens after 300ms without moving focus; click, Enter or Space pins it and moves focus in; Escape closes and returns focus.

Table header
Usable by
Detail aside (long text, 4 lines)
Can send data to other services
Sides

Light and dark

The popup is a dark scope in both modes: #0b0b0b / #fff in light, #303030 / white 93% with an inset 4% ring in dark.

light
Members of your organization can use published design systems.
dark
Members of your organization can use published design systems.