English
Vietnamese@ark-ui/react/format + LocaleProvider
Ark Format
Utility components định dạng dung lượng byte, số, tiền tệ, thời gian tương đối và đồng hồ trực tiếp từ @ark-ui/react.
Byte sizes
Tự chọn đơn vị phù hợp dựa trên độ lớn của giá trị.
50 bytes50 byte
5000 bytes5 kB
5000000 bytes5 MB
5000000000 bytes5 GB
Byte options
Decimal/binary, bit/byte và các kiểu hiển thị đơn vị.
Decimal, 1024 bytes1.02 kB
Binary, 1024 bytes1 kB
Long unit display50.3 kilobytes
Đơn vị bit1.45 kb
Number styles
Số, tiền tệ, phần trăm và đơn vị qua Intl.NumberFormat.
Số cơ bản1,450.45
Tiền tệ (VND)1.234.500 ₫
Phần trăm14.50%
Đơn vị384.4 km
Compact numbers
Notation compact phù hợp cho dashboard và thống kê.
15K
15,000
1.5M
1,500,000
2.5B
2,500,000,000
Locales
Cùng một giá trị được định dạng theo nhiều locale qua LocaleProvider.
vi-VN1.450.000,45 US$
en-US$1,450,000.45
de-DE1.450.000,45 $
ja-JP$1,450,000.45
ArkFormat Wrapper
Hỗ trợ truyền prop locale trực tiếp và tự động đồng bộ ngôn ngữ i18n.
Ngoài việc dùng trực tiếp Format từ @ark-ui/react với LocaleProvider, ArkFormat từ ~/components/ui/ark-format hỗ trợ truyền prop locale trực tiếp rất tiện lợi:
ArkFormat.Number (prop locale='vi-VN')9.876.543 ₫
ArkFormat.Byte (prop locale='vi-VN')105 MB
Time
Định dạng 12h/24h, giây và nhãn day-period tùy chỉnh.
24 giờ18:47
12 giờ6:47 PM
Có giây3:07:19 AM
Nhãn tùy chỉnh5:15 buổi chiều
Relative time
Tự chọn đơn vị thời gian tương đối phù hợp từ giây đến năm.
Ngày trong quá khứ (vi-VN)3 tháng trước
Ngày trong tương lai (vi-VN)3 tháng trước
English, short3 mo. ago