CopyableText

@vendure/dashboard Sourcev3.4.0

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

Parameters

props

parameterReadonly<CopyableTextProps>