Copy Button

A button component with animated copy-to-clipboard functionality.

"use client";

import { CopyButton } from "@/components/ui/copy-button/copy-button";
import styles from "./copy-button-demo.module.css";

export default function CopyButtonDemo() {
  return (
    <div className={styles.container}>
      <CopyButton className="hit-area-extend" code="You are awesome!" />
    </div>
  );
}


npx shadcn@latest add @roiui/copy-button
npx shadcn@latest add @roiui/copy-button-tailwind

anatomy
<CopyButton code="code to copy" />