Copy Button

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

copy-button-demo.tsx

"use client";

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

export default function CopyButtonDemo() {
  return (
    <div>
      <CopyButton code="You are awesome!" className="header-copy-button" />
    </div>
  );
}

Installation

npx shadcn@latest add https://roiui.com/r/copy-button.json

Anatomy

anatomy

import { CopyButton } from '../ui/copy-button'

<CopyButton code="code to copy" />