<CopyableText value="camille@example.com" />
<CopyableText value={project.id} label="019f7557" />label shows a short form while copying the whole value — the usual case for
an id you want visible but not in full.
API
| Prop | Type | Default | |
|---|---|---|---|
value | string | required | The text written to the clipboard. |
copiedLabel | string | "Copied" | |
copyLabel | string | "Copy" | |
label | string | value | What's rendered, when it differs from the copied value (e.g. a short id). |
muted | boolean | false | Render the label in muted secondary text. |
Plus every <button> prop. Source: copyable-text/components/copyable-text.tsx.