نموذج العنوان الخليجي

تجريبي

نموذج عنوان تتبع حقوله الدولة: العنوان الوطني السعودي المختصر أو الكامل، والإمارة والمنطقة ورقم مكاني في الإمارات بلا رمز بريدي.

المعاينة

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

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

gcc-address-form.tsx

import { GccAddressForm } from "@/components/ui/gcc-address-form";<GccAddressForm name="address" onValueChange={setAddress} />

الإمارة والمنطقة والشارع والمبنى ورقم مكاني.

إنجليزيمعكوسعربي

← RTL

الخاصية	النوع	الافتراضي	الوصف
`countries`	`("SA" \| "AE")[]`	`["SA", "AE"]`	خاصية Country: الدول المعروضة.
`value / defaultValue / onValueChange`	`GccAddress`	لا يوجد	العنوان: الدولة وحقولها.
`cities`	`SelectOption[]`	لا يوجد	المدن السعودية قائمةً؛ دونها حقل نصي.
`errors`	`Partial<Record<keyof GccAddress, ReactNode>>`	لا يوجد	أخطاؤك أنت؛ وإلا تُفحص الرموز عند مغادرة حقولها.
`name`	`string`	لا يوجد	بادئة أسماء الحقول في النموذج: `address.street`.
`gccPatterns`	`{ shortAddress, building, postalCode, makani }`	لا يوجد	الأنماط المستعملة في الفحص.

التسميات والحقول والقوائم تنعكس، ورقم المبنى على اليمين والرمز البريدي على اليسار.

الأرقام: الأرقام العربية المكتوبة في الرموز تُحوّل إلى غربية، والحروف إلى كبيرة.
الخط العربي: ‏label-16 في الحقول وlabel-12 للتلميحات.