Component gallery

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

Sizes

Inherits the Button size scale

Copyable affordance

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

Beside a code block

A labelled copy for a snippet or config value
import { CopyButton } from "@versable-git/ui";

<CopyButton value={record.id} />

Styling slots

Every className the component exposes, and what it reaches
className
the button
_className
the tooltip wrapper
iconClassName
the copy/check glyph
@versable-git/ui · all states, both themes