Lazy-uiLazy UI
Star0

Copy Button

A clipboard button with animated icon swaps, optional labels, and tooltip text.

Customize

Variant
Text
Text As
Reveal Animate
Icon Animate
Delay (ms)4000ms

Usage

import { CopyButton } from "@/components/lazy-ui/copy-button";

export function Demo() {
  return (
    <>
      {/* Icon only (default) */}
      <CopyButton content="npm install lazy-ui" />

      {/* Inline label with RevealAnimate wipe */}
      <CopyButton content="npm install lazy-ui" text label="Copy" />

      {/* Tooltip label on hover */}
      <CopyButton content="npm install lazy-ui" text textAs="tooltip" />

      {/* Pick a different icon animation */}
      <CopyButton content="npm install lazy-ui" iconAnimate="reveal" />

      {/* A real, self-contained button */}
      <CopyButton content="npm install lazy-ui" text variant="outline" />
    </>
  );
}