クリックして文字をコピー

CopyToClipboard コンポーネントを定義して、コンポーネントをクリックしてテキストをコピーする効果を実現します。

効果

ここをクリックしてテキストをコピー

コード：

<CopyToClipboard >ここをクリックしてテキストをコピー</CopyToClipboard>

コンポーネントの内容はMarkdownの記法に従います。

「コピー内容」と「表示内容」が異なる場合、text パラメータを使って「実際にコピーする内容」を設定できます。

ここをクリックしてテキストをコピー

コード：

<CopyToClipboard text="actual copied text">ここをクリックしてテキストをコピー</CopyToClipboard>

CopyToClipboard