mittwald Flow Logo

Components

CopyButton

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

Playground

Verwende <CopyButton />, um einen CopyButton darzustellen.

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

<CopyButton text="Kopierter Inhalt" />

Kombiniere mit ...

Align

Benutze die Align-Component, um einen CopyButton neben dem zu kopierenden Text zu platzieren.

mail.agenturserver.de
import {
  Align,
  CopyButton,
  Text,
} from "@mittwald/flow-react-components";

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

Overview