Copy Tooltip
A copy-to-clipboard tooltip that wraps any trigger element and confirms when the value has been copied.
import { CopyTooltip, Tooltip } from "@plexui/ui/components/Tooltip";Examples
Overview
openDelay
150
sideOffset
5
alignOffset
0
side
align
sess_12345abcdefg
API
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | Trigger element (for example Tooltip.TriggerDecorator) |
copyValue | string | — | Required. Content to copy to clipboard |
openDelay | number | 150 | Tooltip open delay in milliseconds |
align | "start" | "center" | "end" | "center" | Preferred tooltip alignment against the trigger |
alignOffset | number | 0 | Offset from start/end alignment in pixels |
side | "top" | "right" | "bottom" | "left" | "top" | Preferred side of the trigger |
sideOffset | number | 5 | Distance from trigger in pixels |
onCopy | (copied: boolean) => void | — | Called 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.