شعار الشريك
شعار شركة وهمية للعرض في أقسام الثقة وقوائم العملاء، بلون رمادي أو أبيض.
المعاينة
«معكوس» هو المحتوى الإنجليزي نفسه من اليمين إلى اليسار، ليفصل خطأ الاتجاه عن خطأ الترجمة.
المعاينةالكود
إنجليزيمعكوسعربي
← RTL
التثبيت
أضف المكوّن
npx ritla add partner-logoويعمل أيضًا مع shadcn:
npx shadcn@latest add @ritla/partner-logoالاعتماديات التي يضيفها
@phosphor-icons/reactأو انسخه يدويًا
التثبيت اليدوي ينسخ مصدر المكوّن إلى مشروعك. المصدر يأتي مع ترخيص Ritla UI، وأداة سطر الأوامر هي الطريق الأقصر إلى الملفات نفسها.
الاستخدام
import { PartnerLogo } from "@/components/ui/partner-logo";<PartnerLogo company="souq-box" />مرجع الخصائص
PartnerLogo
| الخاصية | النوع | الافتراضي | الوصف |
|---|---|---|---|
company | "souq-box" | "nakhla" | "qafila" | "wadi-labs" | "bunn-and-co" | "madar" | لا يوجد | خاصية Company. |
tone | "color" | "white" | "color" | خاصية Tone: أبيض على لون العلامة أو الخلفيات الداكنة. |
إمكانية الوصول
ARIA
- الشعار صورة باسم الشركة؛ الأيقونة والنص بداخله مخفيان عن قارئ الشاشة.
ملاحظات العربية والاتجاه
لا ينعكس
- الشعار لا ينعكس ويبقى من اليسار إلى اليمين.
- الأرقام
- لا أرقام في الشعار.
- الخط العربي
- اسم الشركة بخط heading-28 Semibold.