Renders children alongside a copy-to-clipboard button. Shows a green checkmark
for 2 seconds after a successful copy. Does not apply any styling to the children —
all presentation is controlled by the consumer.
Example
Tsx
<CopyableText value={entity.id}> <span className="font-mono text-sm">{entity.id}</span></CopyableText><CopyableText value={order.code}> <Badge>{order.code}</Badge></CopyableText>// Plain text fallback — renders value as-is<CopyableText value={entity.id} />
Signature
function CopyableText(props: Readonly<CopyableTextProps>): void