Dev experience · 11

Inline copy button

Subtle chip you can drop into prose, tables, or list rows for copying an API key, ID, or short token.

Production answer

Inline copy button is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Inline copy button states
Generative search brief

Inline copy button: Subtle chip you can drop into prose, tables, or list rows for copying an API key, ID, or short token.

workshop wsh_oak_flats — copy-anywhere chips

The Oak Flats workshop ID is and the live API key prefix is . For idempotency keys, generate a UUIDv7 such as .

Behaviour

Each chip carries its own copy state. When clipboard write succeeds the chip background flips to --primitive-green for 1.4 seconds and the adjacent role="status"span announces "Copied" to screen readers. label lets you visually truncate the value while still copying the full string.