Clipboard Button

Кнопка копирования в буфер обмена является модификацией компонента Button типа Flat с иконкой ClipboardIcon, вынесенной отдельно.

§Иконка

Внутри ClipboardButton находится компонент ClipboardIcon — иконка с анимацией и двумя состояниями: Success и Error. Если кнопку копирования нужно стилизовать, используется стандартный компонент кнопки Button с иконкой ClipboardIcon.

§Состояния

§Размеры

Компонент поддерживает стандартные размеры кнопок: XS, S, M, L и XL.

§Поведение

Если копирование контента не частотное действие и иконка ухудшает читаемость, кнопка копирования скрыта и становится видимой только при приближении курсора

В таблицах иконка скрыта и показывается, когда курсор находится в ячейке с контентом

§Тултип

У компонента есть отключаемый тултип. Используется, чтобы подсказать, какой контент будет скопирован.

В сервисе Yandex Tracker копируется ключ задачи.

§Примеры использования

В документации копируется блок кода:

В таблицах копируются значения ячеек: