mirror of
https://github.com/zoriya/v10.git
synced 2026-08-16 02:45:09 +00:00
feat(packages): compound tooltips with label and shortcut parts (#1494)
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user