Components
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="hello@terson.dev">Copy email</CopyButton>
</div>
);
}