MeldUI

Clipboard Copy

A component for copying text to the clipboard with visual feedback.

Usage

Composable

useCopyToClipboard

A composable for programmatic clipboard access outside of the component tree.

const { copy, copied } = useCopyToClipboard()

await copy('Hello, world!')
// copied.value === true for a short duration

Sub-components

ClipboardCopy

Root component. Accepts value (the text to copy) and manages copy state

ClipboardCopyButton

The trigger button that initiates the copy action

CopyIdle

Slot content shown when idle (before copying)

CopySuccess

Slot content shown after a successful copy