Copy Button

Copies text to the clipboard and confirms with a blurred icon swap. Handles failures gracefully.

Inputs

$npx @plumsydev/plum-ui add button

Playground

Tweak the props, the preview and the code follow.

Props

value

label

variant

timeout1600

<CopyButton value="npx @plumsydev/plum-ui add copy-button" label="Copy" variant="outline" />

npx @plumsydev/plum-ui add copy-button

Also pulls in button automatically.

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

<CopyButton value="npm i plum" />

Pass label and the text swaps too.

Copy with feedback through onCopied, next to a reveal toggle.

Production keyCreated Oct 12

pk_live_••••••••••••••••••

Accepts every Button prop except loading.

Prop	Type	Default
`value*` Text to copy, or a function evaluated on click.	`string \| (() => string)`	`—`
`label` Optional visible label. Without it the button is icon-only.	`string`	`—`
`timeout` Milliseconds before resetting to idle.	`number`	`1600`
`onCopied` Called after a successful copy.	`(value: string) => void`	`—`