Studio
Studio/Kits
New kit
Canonical inventory
Feedback · core

Tooltip

feedback.tooltip

Tooltip: A system response that communicates progress, status, completion, or a problem.

tooltipthe system messagethe progress or status indicator
States5
Touch targetDisplay
Evidence4
Introduced by8 kits
Visual specimen

Same contract. Every kit voice.

MAVAN renderingerror
Translation table

What code calls it.

Webpopover or role=tooltipThe closest native or standardized web primitive.direct
ARIAtooltipThe primary accessibility role or state pattern.direct
SwiftUICustom View compositionSwiftUI has no single direct equivalent; compose and name the behavior explicitly.approximation
AppKitCustom NSView compositionAppKit has no single direct equivalent; use a custom view or controller composition.approximation
Anatomy

Every part, named.

  1. 1Status container
  2. 2Signal or progress indicator
  3. 3Primary message
  4. 4Optional supporting detail or dismissal
Often confused with

Similar shape. Different contract.

Popoveroverlay.popover

Can look similar in context, but belongs to a different semantic and behavioral family.

Dropdown menunavigation.dropdown-menu

Can look similar in context, but belongs to a different semantic and behavioral family.

Prompt · paste into your agent

Ask for the exact thing.

Implement the canonical Tooltip component (feedback.tooltip). Tooltip: A system response that communicates progress, status, completion, or a problem. Support these states: neutral, success, warning, error, loading. Use semantic design tokens rather than raw visual values. Preserve a minimum appropriatepx touch target where interactive. Provide and verify: implementation, state-matrix, responsive, reduced-motion. Keep the component API stable so every Studio kit can supply its own rendering without changing the behavior contract.
Studio contract

What must be proven.

Required states

neutral · success · warning · error · loading

Required evidence

implementation · state-matrix · responsive · reduced-motion

Source union

mavan · jade · lumen · aurora · cabana · purple-rain · spatial · margin