SGDS Tooltip Component Skill

<sgds-tooltip> wraps a target element and shows a small text popup on hover, focus, or click. The tooltip content must be plain text only — no HTML.

Prerequisites

See sgds-components-setup for installation and framework integration (React 19+ vs React ≤18, Vue, Angular).

No CSS styling modifications — custom properties and CSS parts are not exposed on this component.

Quick Decision Guide

Placement?

• placement="top" (default), bottom, left, right