Copy button

Copy text to the clipboard with feedback.

npm i ng-blatui

import { BuiCopyButton } from 'ng-blatui';

<code class="bg-muted rounded px-2 py-1 font-mono text-sm">npm i ng-blatui</code>
<button buiCopyButton value="npm i ng-blatui" label="Copy command"></button>

With label

<button buiCopyButton value="https://…" class="border" label="Copy link">Copy link</button>

API reference

Inputs

Prop	Type	Default	Description
`value`	`string`	`''`	Text written to the clipboard when clicked.
`label`	`string`	`'Copy'`	Accessible label shown before copying.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.