CopyableText - Vendure

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} />

function CopyableText(props: Readonly<CopyableTextProps>): void

Parameters

props