Copy Button

Copies a value to the clipboard and confirms it did.

Default

npm install buena-mono

const [copied, setCopied] = useState(false);

async function copy() {
  await navigator.clipboard.writeText("npm install buena-mono");
  setCopied(true);
  setTimeout(() => setCopied(false), 2000);
}

<Button variant="ghost" size="icon-sm" onClick={copy}>
  {copied ? <Check /> : <Copy />}
</Button>

Markdown for agents: /design/copy-button.md · spec: /design.md