Qwik Clipboard Utility

A reactive clipboard hook for Qwik framework.

Installation

npm install qwik-clipboard

Usage

import { component$ } from '@builder.io/qwik';
import { useClipboard } from 'qwik-clipboard';

export const CopyButton = component$(() => {
  const { copied, copy } = useClipboard('Hello Qwik!');

  return (
    <button onClick$={() => copy()}>
      {copied.value ? 'Copied!' : 'Copy to Clipboard'}
    </button>
  );
});

API

useClipboard(initialValue?: string)

initialValue: Optional initial text to copy.

Returns:

copied (signal): true if last copy succeeded, else false.

copy(text?: string): Function to copy text to clipboard.