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

الإجراء السريع

تجريبي
احصل على Ritla UI

إجراءات المال الرئيسية تحت الرصيد، كبطاقات صغيرة أو دوائر؛ Primary هو الإجراء الرئيسي الوحيد.

المعاينة

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

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

التثبيت

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

    npx ritla add quick-action

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

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

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

الاستخدام

quick-action.tsx
import { QuickAction } from "@/components/ui/quick-action";<QuickAction icon={PaperPlaneTiltIcon} href="/send" emphasis="primary">Send</QuickAction>

مرجع الخصائص

QuickAction

الخاصيةالنوعالافتراضيالوصف
iconIconComponentلا يوجدخاصية Icon.
childrenReactNodeلا يوجدالتسمية.
variant"tile" | "circle""tile"خاصية Style.
emphasis"default" | "primary""default"خاصية Emphasis.
hrefstringلا يوجدرابط؛ ومن دونه زر.

إمكانية الوصول

ARIA

  • التسمية هي الاسم، والأيقونة زخرفية.

ملاحظات العربية والاتجاه

ينعكس

  • في البطاقة الصغيرة تكون الأيقونة أعلى اليمين.

لا ينعكس

  • الأيقونات الاتجاهية (إرسال) تنقلب وحدها، والباقي لا.
الأرقام
لا أرقام.
الخط العربي
label-12 Medium.