Copy Tooltip
A copy-to-clipboard tooltip that wraps any trigger element and confirms when the value has been copied.
import { CopyTooltip, TooltipTriggerDecorator } from "@plexui/vue/components/Tooltip";Examples
Overview
openDelay
150
sideOffset
5
alignOffset
0
side
align
API
| Prop | Type | Default | Description |
|---|---|---|---|
default slot | VNode | — | Trigger element (for example TooltipTriggerDecorator) |
copy-value | string | — | Required. Content to copy to clipboard |
open-delay | number | 150 | Tooltip open delay in milliseconds |
align | "start" | "center" | "end" | "center" | Preferred tooltip alignment against the trigger |
align-offset | number | 0 | Offset from start/end alignment in pixels |
side | "top" | "right" | "bottom" | "left" | "top" | Preferred side of the trigger |
side-offset | number | 5 | Distance from trigger in pixels |
@copy | (copied: boolean) => void | — | Emitted once the clipboard write settles, with whether it succeeded. The tooltip says Copied! only after a successful write |
Styling
Copy Tooltip has no component tokens of its own. It reads the shared semantic color, typography and spacing tokens listed in Design tokens, so it follows theme changes made there.