Grundlagen
Der CopyButton ist eine spezialisierte Component, die mit dem Button verwandt ist. Er dient ausschließlich dazu, Inhalte per Klick in die Zwischenablage zu kopieren. Da die Aktion des CopyButtons auf einer Benutzeroberfläche eher sekundär ist, wird er typischerweise in einer Secondary-Color dargestellt.
Best practices
Achte bei der Verwendung eines CopyButtons darauf, dass ...
- er sich in unmittelbarer Nähe zum zu kopierenden Text befindet. Um ihn direkt neben einem Text zu platzieren, kann die Align-Component verwendet werden.
- seine Standard-Color Secondary ist. Ausnahmen sind möglich, z. B. wenn sich der CopyButton auf einem farbigen Hintergrund befindet – dann können die Color Dark oder Light verwendet werden.
Verwendung
Verwende einen CopyButton, um Inhalte – beispielsweise aus einem LabeledValue oder einfachem Text – aus der Benutzeroberfläche zu kopieren.