Bileşenler
MoneyText
Kuruş cinsinden bir tutarı Provider dilinde, kayan nokta kullanmadan yazan metin.
- Storybook
- Storybook
- Kaynak kod
- Kaynak kod
Kurulum
Bölüm başlığı “Kurulum”- Paket
@bigbang/ui- İçe aktarma
import { MoneyText } from '@bigbang/ui';- Kaynak
- MoneyText.tsx
- Storybook
- MoneyText · Playground
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.
Özellikler
Bölüm başlığı “Özellikler”amountZorunlu- Açıklama
- Kuruş cinsinden tutar;
bigintya da tam sayı metni:123456n1.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),nameya danone. - 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'bunuexceptZeroyapar; alacak '+' ile okunur. - Tür
'negative' | 'auto' | 'always' | 'exceptZero' | 'never'- Varsayılan
'auto'
tone- Açıklama
signartı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
subtleondalı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
className- Açıklama
- Kök öğeye eklenir; yalnızca yerleşim için kullanın.
- Tür
string
Veri öznitelikleri
Bölüm başlığı “Veri öznitelikleri”data-component="money-text"vedata-sign:positive,negative,zero.data-part="fraction": ondalık ayırıcı ve kuruş.