İçeriğe geç
BigBang

Sık açılanlar

    ↑↓Gezin↵AçEscKapat
    EN

    Bileşenler

    MoneyText

    Kuruş cinsinden bir tutarı Provider dilinde, kayan nokta kullanmadan yazan metin.

    Storybook
    Storybook
    Kaynak kod
    Kaynak kod
    Paket
    @bigbang/ui
    İçe aktarma
    import { MoneyText } from '@bigbang/ui';

    MoneyText, @bigbang/ui paketindedir.

    import { MoneyText } from '@bigbang/ui';
    <MoneyText amount={123456n} />; // 1.234,56 ₺

    Bileşen dışında aynı biçim için formatMoney(amount, { locale, currency }), tam ondalık metin için minorToDecimal(minor, digits) dışa aktarılır.

    amountZorunlu
    Açıklama
    Kuruş cinsinden tutar; bigint ya da tam sayı metni: 123456n 1.234,56 demektir. Ondalıklı sayı verilmez.
    Tür
    MinorUnits
    currency
    Açıklama
    ISO 4217 para birimi kodu; ondalık basamak sayısı Intl'den gelir (TRY için 2, JPY için 0).
    Tür
    string
    Varsayılan
    'TRY'
    display
    Açıklama
    Para biriminin yazılışı: narrowSymbol (₺), symbol, code (TRY), name ya da none.
    Tür
    'symbol' | 'narrowSymbol' | 'code' | 'name' | 'none'
    Varsayılan
    'narrowSymbol'
    currencyPosition
    Açıklama
    Para biriminin yeri. Verilmezse ui.money.currency-position: Türkçede sonda ('1.234,56 ₺'), İngilizcede dil kalıbına göre.
    Tür
    'locale' | 'start' | 'end'
    signDisplay
    Açıklama
    İşaretin ne zaman yazılacağı. tone='sign' bunu exceptZero yapar; alacak '+' ile okunur.
    Tür
    'negative' | 'auto' | 'always' | 'exceptZero' | 'never'
    Varsayılan
    'auto'
    tone
    Açıklama
    sign artıyı başarı, eksiyi tehlike rengiyle yazar; işaret de her zaman yazılır.
    Tür
    'default' | 'subtle' | 'sign'
    Varsayılan
    'default'
    size
    Açıklama
    Yazı boyutu: küçük ve orta gövde, küçük ve çok büyük başlık.
    Tür
    'sm' | 'md' | 'lg' | 'xl'
    Varsayılan
    'md'
    fraction
    Açıklama
    subtle ondalık ayırıcıyı ve kuruşu küçük ve açık yazar.
    Tür
    'default' | 'subtle'
    Varsayılan
    'default'
    compact
    Açıklama
    Grafikler ve özetler için kısa gösterim, ör. '1,2 Mn ₺'. Kullanıcının işlem yaptığı bir tutar için asla kullanmayın.
    Tür
    boolean
    Varsayılan
    false
    hidden
    Açıklama
    Tutarın yerine '••••' ve para birimini yazar; kullanıcının gizlediği bakiye için. Tutar sayfanın hiçbir yerinde kalmaz (metin, title, aria-* ya da data-*) ve ekran okuyucu 'Tutar gizli' okur. Göster ve gizle düğmesi uygulamanın durumudur.
    Tür
    boolean
    Varsayılan
    false
    className
    Açıklama
    Kök öğeye eklenir; yalnızca yerleşim için kullanın.
    Tür
    string
    • data-component="money-text" ve data-sign: positive, negative, zero.
    • data-part="fraction": ondalık ayırıcı ve kuruş.