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.
Using component in various scenarios. Preview HTML TypeScript LESS More Edit
Bank account 1234 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
Copy
Using size option for various font size cases. Preview HTML TypeScript More Edit
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
Copy
Using tui-icon[tuiCopy]
inside a textfield Preview HTML TypeScript More Edit