# CopyButton

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

## Overview

# Playground

Verwende `<CopyButton />`, um einen CopyButton darzustellen.

```tsx
import { CopyButton } from "@mittwald/flow-react-components";

<CopyButton text="Kopierter Inhalt" />
```

---

# Kombiniere mit ...

## Align

Benutze die [Align](/04-components/structure/align/overview)-Component, um einen
CopyButton neben dem zu kopierenden Text zu platzieren.

```tsx
import {
  Align,
  CopyButton,
  Text,
} from "@mittwald/flow-react-components";

<Align>
  <Text>mail.agenturserver.de</Text>
  <CopyButton text="mail.agenturserver.de" />
</Align>
```