Copy KIT

This component provides an easy way to copy text content to the clipboard. It displays the content normally and shows a copy button on hover, with visual feedback when content is copied.

Basic

Using component in various scenarios.

Bank account1234 42069237 88884321

Very very long text that is so long it will wrap to the next line

Very very long text that is so long it will overflow and get truncated

Sizes

Using size option for various font size cases.

font-heading-1

font-heading-2

font-heading-3

font-heading-4

font-heading-5

font-heading-6

font-text-xl

font-text-l

font-text-m

font-text-s

font-text-xs

InputCopy

Using `tui-icon[tuiCopy]` inside a textfield

Click icon to copy

With CopyProcessor

Demonstrates `[tuiCopyProcessor]` padding text with spaces on both sides before copy.

Taiga UI

When you copy, the result will have a space prepended and appended: " Taiga UI " .