ClipboardButton
관리자:
Raubzeug
size
text
hasTooltip
timeout
tooltipInitialText
tooltipSuccessText
ClipboardButton is a ready-made button that copies given text to the clipboard and plays a success animation. It combines CopyToClipboard (the copy behavior) with ClipboardIcon (the animated icon).
import {ClipboardButton} from '@gravity-ui/uikit';
Properties
The ClipboardButton properties are inherited from the Button properties.
| Name | Description | Type | Default |
|---|---|---|---|
| hasTooltip | Toggles displaying the tooltip | boolean | true |
| onCopy | Callback after copying (text: string, result: boolean) => void | Function | |
| text | Text to copy (can be a string or a function that returns a string) | string | () => string | |
| timeout | Time before the state switches back to normal after the button is clicked | number | 1000 |
| tooltipInitialText | Text shown before copying | string | "Copy" |
| tooltipSuccessText | Text shown after copying | string | "Copied!" |
| icon | Custom icon | React.ReactNode | |
| iconPosition | Position of icon | start | end | start |