Tile UI Vue
Source code

Composables

useCopyToClipboard

Handle copy interactions, copied state, and timeout reset in a single composable.

Use this composable to copy text to the clipboard while managing the transient “copied” feedback state in one place.

Registry URL: https://vue.tileui.zmorg.cn/r/button.json

import { defineComponent } from 'vue';
import { useCopyToClipboard } from '@tile-ui/vue';
 
export default defineComponent({
	name: 'UseCopyToClipboardDemo',
	setup() {

Registry install

pnpm dlx shadcn@latest add @tile-ui/use-copy-to-clipboard

Usage

const { copy, copied } = useCopyToClipboard();

What it covers

  • Writing text to the browser clipboard
  • A copied ref that flips for a short period after a copy
  • Timeout cleanup so stale feedback does not linger

Common use cases

  • Copy buttons for registry URLs or install commands
  • Sharing short snippets from the UI
  • Capture flows that mirror the copy-and-paste workflow
PreviousComposablesNextuseLocalStorage