Named Onboarding - Tooltip in Figma. A directional tooltip used in onboarding overlays, with a pointer, header, description, and dismiss control. Superseded by Tooltip.
Superseded by Tooltip
Superseded by Tooltip. This component was folded into the unified 24-variant set at node
6295:79647, which resolves every issue raised here — the pointer is a vector, the close is a DS icon instance, the pointer schema became a single Placement enum, and content moved into named Figma slots. Kept as a record of the assessment that drove the consolidation.In Context
A dismissible tip anchored to a feature element — commonly rendered during first-time user education, feature discovery, and coach-mark flows.
Live Preview
Header
Description goes here
Placement
pointer
DS Health
Reusable
Warn
Works as a dismissible tip anchored to any target. But the "Onboarding -" prefix steers consumers toward walkthroughs it can't support (no step indicator, no Next/Skip). Misleading name fragments the primitive. C1
Self-contained
Warn
Surface, type, and spacing bind to
main/nudge/* + space/* tokens — shares the collection with Tooltip V2. But the pointer arrow is 4 raster copies of one shape, and the close is an image asset rather than a DS icon instance. C6Consistent
Warn
Pointer is modeled as a single enum here, but Tooltip V2 models the same concept as 4 booleans. Siblings should not disagree on the shape of a shared axis. C2
Composable
Fail
No Figma Slot for body content. No way to add an icon, an avatar, or a CTA — consumers who need those must switch components entirely. The primitive is closed. C4
Behavior
| State | iOS | Android | Figma Property | Notes |
|---|---|---|---|---|
| Show / hide | Yes | Yes | Not annotated | Expected: fade + slight scale-in anchored on the pointer side. |
| Tap close (X) | Yes | Yes | Close layer | Dismiss icon is present but not wired to an interactive property. Close is an image asset, not a button instance. |
| Tap outside | N/A | N/A | Not defined | Standard tooltip contract — tap-outside dismisses. Should be documented on the component. |
| Primary CTA | N/A | N/A | Not built | Despite the "Onboarding" name, no CTA is provided. Consumers must switch to Tooltip V2 for any advance/skip control. |
| Pressed / Focused on close | N/A | N/A | Not built | Close is a raw image; no pressed / focused treatment and no hit target metadata. |
2.0.0 — August 2026Major
Consolidated into Tooltip · node 6295:79647
Superseded by Tooltip —
ConsolidatedOnboarding - Tooltip was consolidated into the unified Tooltip set (node 6295:79647) alongside its two siblings. Verdict changed to Remove; open issues and recommendations cleared, since they are resolved on the successor.
Resolved1.0.0 — April 2026Major
Initial Assessment · node 51:17066
Verdict: Consolidate — Fold into the unified Tooltip as
Architectureappearance: .default with the placement axis. The "Onboarding -" prefix is misleading (no walkthrough content ships). OpenC1 — Misleading name — No step indicator, no Next/Skip/Back CTAs, no progress dots. Component is not onboarding-specific. Open
C1C1 — 3 siblings for 1 primitive — Tooltip V2, Onboarding - Tooltip, Tooltip Blurred and Transparent. Merge via
C1appearance + placement. OpenC2 — Pointer schema disagrees with sibling — This sibling uses one enum; Tooltip V2 uses 4 booleans. Family members should agree on the shape of a shared axis. Open
C2C4 — No slot for body or CTA — Closed shape forces consumers to switch to Tooltip V2 for anything richer than header + description. Open
C4C5 — No dismiss/focus states — Close is a raw image; Pressed / Focused / Lifecycle not modeled. Open
C5C6 — Raster pointer + raw close — 4 raster images (one per direction). Close is an image asset rather than
C6icon/close. Vector + icon instance. OpenC7 — Code Connect — Blocked on consolidation. Open
C7Tokens ✓ — Surface / border / label / description / close / shadow all bound to
Praisemain/nudge/* and elevation/*. Spacing via space/*. Noted