Copy Button

Copy, with the confirmation where the click happened. The chip swaps to a tick and "Copied" for two seconds, then hands back - no toast, no portal, nothing that has to know where the corner of the screen is.

Why it is built this way

A toast library for one word is the wrong trade, but a setState after unmount is still a leak, so the reset timer is cleared on unmount. The chip is glass - fill plus edge, no blur - and it comes in two grounds: slab for the charcoal of a code block, paper for everywhere else, because one glass recipe cannot sit on both materials.

On fine pointers the chip appears on hover of its code-shell; on coarse pointers it is always visible, because "appears on hover" is a desktop fiction a phone cannot perform.

What it does not do

It does not fall back to document.execCommand. navigator.clipboard exists everywhere this site runs; where a permission denies it, the button simply never confirms, which is the truthful rendering of what happened.

Install

tanstack add https://adamjurek.com/r/tanstack/copy-button.json

pnpm dlx shadcn@latest add https://adamjurek.com/r/shadcn/copy-button.json

pnpm add @sushindustries/ui @sushindustries/atoms

What you get