# CopyButton

Mit dem CopyButton können Informationen mit einem Klick in die Zwischenablage kopiert werden.

## Guidelines

# Grundlagen

Der CopyButton ist eine spezialisierte Component, die mit dem
[Button](/04-components/actions/button/overview) 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](/04-components/structure/align/overview)-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](/04-components/content/labeled-value/overview) oder einfachem
[Text](/04-components/content/text/overview) – aus der Benutzeroberfläche zu
kopieren.