A button that copies a given value to the clipboard and shows a checkmark confirmation for a moment. Graceful fallback when the Clipboard API is blocked.
Loading preview...
import CopyButton from "@/components/ui/copybutton"; export default function CopyButtonDemo() { return ( <div className="flex flex-col items-start gap-4 p-6"> <CopyButton value="npm install @21st-dev/registry" /> <CopyButton value="[email protected]">Copy email</CopyButton> </div> ); }