コピーボタン

Copy button

ワンクリックで対象のテキストをクリップボードにコピーし、完了をその場でフィードバックするボタンUI。

npm install ui-zukan

○ 使う場面

コピーボックス、コードコピーボタン

「クリップボード」は本来、紙をクリップで挟んで一時的に保持しておく文房具を指す語で、コンピュータの「コピー＆ペースト」もこの一時保管という発想をそのまま比喩に転用したものである。コピーボタンは、そのクリップボードへドラッグ選択の手間なしに直接テキストを送り込むボタンである。

近縁種	違い・使い分け
ボタン	通常のボタンが画面遷移やデータ送信など持続的な結果を伴うのに対し、コピーボタンの結果は「クリップボードの中身が変わった」という視覚的に確認しづらい副作用であるため、「コピーしました」のようなテキストフィードバックが省略できない点が設計上の最大の違いである。
いいねボタン	いいねボタンも同様にクリック後の状態変化をその場で示す特化型ボタンだが、いいねボタンは状態がオン/オフのトグルとして永続するのに対し、コピーボタンは一定時間で元の表示に戻る一過性のフィードバックである点で異なる。