feat(packages): compound tooltips with label and shortcut parts (#1494)

This commit is contained in:
Sam Potts
2026-06-18 08:12:16 +10:00
committed by GitHub
parent 9275f93504
commit 035b509c7a
82 changed files with 1509 additions and 238 deletions
@@ -7,7 +7,7 @@ export default function BasicUsage() {
<Tooltip.Trigger className="trigger">Hover me</Tooltip.Trigger>
<Tooltip.Popup className="media-tooltip">
<Tooltip.Arrow className="arrow" />
Tooltip content
<Tooltip.Label>Tooltip content</Tooltip.Label>
</Tooltip.Popup>
</Tooltip.Root>
</div>
@@ -8,21 +8,21 @@ export default function Grouping() {
<Tooltip.Trigger className="trigger">Play</Tooltip.Trigger>
<Tooltip.Popup className="media-tooltip">
<Tooltip.Arrow className="arrow" />
Play video
<Tooltip.Label>Play video</Tooltip.Label>
</Tooltip.Popup>
</Tooltip.Root>
<Tooltip.Root>
<Tooltip.Trigger className="trigger">Mute</Tooltip.Trigger>
<Tooltip.Popup className="media-tooltip">
<Tooltip.Arrow className="arrow" />
Mute audio
<Tooltip.Label>Mute audio</Tooltip.Label>
</Tooltip.Popup>
</Tooltip.Root>
<Tooltip.Root>
<Tooltip.Trigger className="trigger">Fullscreen</Tooltip.Trigger>
<Tooltip.Popup className="media-tooltip">
<Tooltip.Arrow className="arrow" />
Enter fullscreen
<Tooltip.Label>Enter fullscreen</Tooltip.Label>
</Tooltip.Popup>
</Tooltip.Root>
</Tooltip.Provider>