Documentation

useCopyToClipboard

Copy text to clipboard with status feedback.

Installation

pnpm add @rouf-dev/pantheon-ui

Usage

"use client";

import { useCopyToClipboard } from "@rouf-dev/pantheon-ui";
import { Button } from "@rouf-dev/pantheon-ui";

export function CopyDemo() {
  const [copiedText, copy] = useCopyToClipboard();

  const handleCopy = () => {
    copy("Hello, World!");
  };

  return (
    <div>
      <Button onClick={handleCopy}>
        {copiedText ? "Copied!" : "Copy"}
      </Button>
    </div>
  );
}

Return Value

[copiedText, copy]: Tuple with copied text and copy function