انتقل إلى المحتوى

شعار الشريك

احصل على Ritla UI

شعار شركة وهمية للعرض في أقسام الثقة وقوائم العملاء، بلون رمادي أو أبيض.

المعاينة

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

المعاينةالكود
إنجليزيمعكوسعربي
← RTL

التثبيت

  1. أضف المكوّن

    npx ritla add partner-logo

    ويعمل أيضًا مع shadcn: npx shadcn@latest add @ritla/partner-logo

  2. الاعتماديات التي يضيفها

    @phosphor-icons/react

  3. أو انسخه يدويًا

    التثبيت اليدوي ينسخ مصدر المكوّن إلى مشروعك. المصدر يأتي مع ترخيص Ritla UI، وأداة سطر الأوامر هي الطريق الأقصر إلى الملفات نفسها.

الاستخدام

partner-logo.tsx
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.