CopyButton

One click copies, the icon flips to a checkmark, the tooltip flips to Copied!, and both revert on a timer.

Icon-only vs labelled

Omit children for a circular icon button; pass a label to widen it

Inherits the Button size scale

Hover a row: the copy button fades in beside the value (ep's table-cell pattern)

Nightly catalog syncjob_8f3c21a0

Price reconciliationjob_1b77de44

Image backfilljob_af09c5e2

A labelled copy for a snippet or config value

import { CopyButton } from "@versable-git/ui";

<CopyButton value={record.id} />

Beside wrapped text the button sits on the last line. tipValue names what will be copied: hover it to read Copy with the value in quotes.

A long job description that wraps across several lines in a narrow column, so the copy control has to choose a line to sit on.

Every className the component exposes, and what it reaches