ClipboardButton
Maintainer:
Raubzeug
size
text
hasTooltip
timeout
tooltipInitialText
tooltipSuccessText
import {ClipboardButton} from '@gravity-ui/uikit';
ClipboardButton — компонент, объединяющий CopyToClipboard и ClipboardIcon. CopyToClipboard отправляет текст в буфер обмена и использует ClipboardIcon для отображения анимации во время копирования.
<ClipboardButton text="Some text to copy" />Свойства
ClipboardButton наследует свойства от Button.
| Имя | Описание | Тип | Значение по умолчанию |
|---|---|---|---|
| hasTooltip | Включает или отключает отображение тултипа. | boolean | true |
| onCopy | Обратный вызов после копирования:(text: string, result: boolean) => void. | Function | |
| text | Копируемый текст (может быть строкой или функцией, возвращающей строку). | string | () => string | |
| timeout | Время до возврата состояния в норму после клика по кнопке. | number | 1000 |
| tooltipInitialText | Текст, отображаемый перед копированием. | string | "Copy" |
| tooltipSuccessText | Текст, отображаемый после копирования. | string | "Copied!" |
| icon | Пользовательская иконка. | React.ReactNode | |
| iconPosition | Расположение иконки. | start | end | start |