Copy

Kurulum

Paket

@bigbang/ui

İçe aktarma

import { Copy } from '@bigbang/ui';

Kaynak

Copy.tsx

Storybook

Copy · Playground

Copy, @bigbang/ui paketindedir.

import { Copy } from '@bigbang/ui';

<Copy value="REF-2048-7731" variant="inline" label="Başvuru kodunu kopyala" />;

Özellikler

valueZorunlu

Açıklama

Panoya olduğu gibi yazılan metin.

Tür

string

variant

Açıklama

icon ipuçlu simge düğmesi, button metinli düğme, inline değeri ve ardından simge düğmesini gösterir.

Tür

'icon' | 'button' | 'inline'

Varsayılan

'icon'

label

Açıklama

Erişilebilir ad ve ipucu, örneğin 'Kimliği kopyala'. Verilmezse ui.copy.label ('Kopyala').

Tür

string

copiedLabel

Açıklama

Kopyaladıktan sonra duyurulur ve gösterilir. Verilmezse ui.copy.copied ('Kopyalandı').

Tür

string

children

Açıklama

inline varyantında value yerine gösterilen içerik, örneğin maskelenmiş ya da biçimlenmiş değer.

Tür

ReactNode

size

Açıklama

Düğme yüksekliği; Button boyutlarıyla aynıdır.

Tür

'xs' | 'sm' | 'md' | 'lg'

Varsayılan

'md' (`sm` for `inline`)

resetAfter

Açıklama

Kopyalandı ya da başarısız durumunun kaç milisaniye kalacağı.

Tür

number

Varsayılan

2000

onCopy

Açıklama

Değer kopyalandıktan sonra değerle çağrılır.

Tür

(value: string) => void

onError

Açıklama

Tarayıcı kopyalamayı reddettiğinde çağrılır.

Tür

(error: unknown) => void

className

Açıklama

Kök öğeye eklenir; yalnızca yerleşim için kullanın.

Tür

string

Veri öznitelikleri

• data-component="copy" ve data-state: idle, copied, failed.
• data-part: value, trigger, failed.