المبلغ

تجريبي

المال بعملته وإشارة وكسور اختيارية، بالأرقام التي يقرأ بها القارئ.

المعاينة

«معكوس» هو المحتوى الإنجليزي نفسه من اليمين إلى اليسار، ليفصل خطأ الاتجاه عن خطأ الترجمة.

أضف المكوّن
$ npx ritla add amount
ويعمل أيضًا مع shadcn: npx shadcn@latest add @ritla/amount
أو انسخه يدويًا
التثبيت اليدوي ينسخ مصدر المكوّن إلى مشروعك. المصدر يأتي مع ترخيص Ritla UI، وأداة سطر الأوامر هي الطريق الأقصر إلى الملفات نفسها.

amount.tsx

import { Amount } from "@/components/ui/amount";<Amount value={2450.75} decimals={3} unit="JOD" size="lg" />

الخاصية	النوع	الافتراضي	الوصف
`value`	`number`	لا يوجد	القيمة؛ السالبة تظهر بالأحمر مع إشارة ناقص.
`unit`	`ReactNode`	لا يوجد	خاصية Unit: رمز العملة أو أيقونتها أو وحدة أخرى.
`unitAfter`	`boolean`	`false`	الوحدة بعد الرقم (مثل الغرام).
`decimals`	`number`	`2`	خاصية Decimals: ‏3 للدينار.
`size`	`"sm" \| "md" \| "lg" \| "xl" \| "2xl" \| "3xl"`	`"md"`	خاصية Size.
`tone`	`"default" \| "positive" \| "negative"`	لا يوجد	خاصية Tone.
`showSign`	`boolean`	`false`	خاصية Show sign.
`fraction`	`"small" \| "dimmed" \| "same"`	لا يوجد	خاصية Fraction.
`numerals`	`"latn" \| "arab"`	لا يوجد	الأرقام الغربية أو المشرقية. الافتراضي ما يحدده `RitlaProvider`.

الأرقام: يتبع المبلغ إعداد الأرقام كسائر المبالغ في الصفحة: ٢٬٤٥٠٫٧٥٠ بالأرقام المشرقية بفاصلتيها، و2,450.750 بالغربية. يرسم Figma أرقامًا غربية في اللغتين.
الخط العربي: أنماط numeric-* بوزن Semibold.