Copy KIT

On this page

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.

heading-h1

heading-h2

heading-h3

heading-h4

heading-h5

heading-h6

body-l

body-m

body-s

body-xs

ui-l

ui-m

ui-s

ui-xs

InputCopy

Using tui-icon[tuiCopy] inside a textfield

Click icon to copy

I

love

Taiga UI

With CopyProcessor

Dedicated component for copying values inside tooltips

Taiga UI

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

ButtonCopy

Alexander Inkin

Roman Sedov

GitHub StackBlitz