Copy Button

Geçici başarı geri bildirimi sunan pano kopyalama aksiyonu.

CopyButton.tsx

Standart Buton

Satır İçi Kod / Token (Inline)

Yalnızca İkon (Icon Mode)

api_key_live_99214

Kurulum

shadcn CLI ile projenize ekleyebilir veya yukarıdaki "Kaynak Kodu" sekmesinden kodu doğrudan projenize kopyalayabilirsiniz:

$npx shadcn@latest add https://ui.cagriozay.com.tr/r/copy-button.json

Kullanım Örneği

import { CopyButton } from "@/components/ui/CopyButton"

<CopyButton
  textToCopy="npm install archintel"
  variant="inline"
  onCopied={(text) => trackCopy(text)}
/>

Özellikler & Parametreler (API)

Prop	Tür	Varsayılan	Açıklama
textToCopy	string	—	Panoya yazılacak ham metin.
label	string	"Kopyala"	Başlangıç aksiyon etiketi.
copiedLabel	string	"Kopyalandı!"	Başarı durumunda gösterilen etiket.
errorLabel	string	"Kopyalanamadı"	Hata durumunda gösterilen etiket.
variant	"button" \| "icon" \| "inline"	"button"	Aksiyonun görsel sunumu.
buttonVariant	ButtonVariant	—	Alt Button veya IconButton varyantı.
size	ButtonSize	"sm"	Aksiyon boyutu.
onCopied	(text: string) => void	—	Kopyalama tamamlandığında çağrılır.
onCopyError	(error: unknown) => void	—	Kopyalama başarısız olduğunda çağrılır.
resetDelay	number	2000	Durum etiketinin milisaniye cinsinden süresi.
disabled	boolean	false	Kopyalama aksiyonunu kapatır.