UxCopyBtn

components/ux/CopyBtn.vue

Copy-to-clipboard button with icon, checkmark confirmation, and auto-reset after 4 seconds.

With text:
Icon only:
components/ux/CopyBtn.vue

Usage

<UxCopyBtn textToCopy = "—" :copy = "true" copiedText = "copied!" copyText = "copy" :noText = "false" :inline = "false" />

Props

PropTypeDefaultDescription
textToCopyString''Text to copy
copyBooleantrueEnable copy functionality
copiedTextString'copied!'Confirmation text
copyTextString'copy'Label text
noTextBooleanfalseIcon-only mode
inlineBooleanfalseInline display