---
title: Duotone Tooltip
description: A duotone tooltip with a muted header band tucked behind the content card.
---

Hover or focus the button to open the tooltip. The header holds a title and an optional aside, and the card below holds any content.

<div class="not-prose flex justify-center rounded-2xl border border-border bg-muted/40 pt-10 pb-44 dot-grid">
  <DuotoneTooltip label="Hover me" title="Weekly summary" aside="Last 7 days">
    Visits grew 18% compared to the previous week, led by returning readers.
  </DuotoneTooltip>
</div>