الإجراء السريع
إجراءات المال الرئيسية تحت الرصيد، كبطاقات صغيرة أو دوائر؛ Primary هو الإجراء الرئيسي الوحيد.
المعاينة
«معكوس» هو المحتوى الإنجليزي نفسه من اليمين إلى اليسار، ليفصل خطأ الاتجاه عن خطأ الترجمة.
المعاينةالكود
إنجليزيمعكوسعربي
← RTL
التثبيت
أضف المكوّن
npx ritla add quick-actionويعمل أيضًا مع shadcn:
npx shadcn@latest add @ritla/quick-actionأو انسخه يدويًا
التثبيت اليدوي ينسخ مصدر المكوّن إلى مشروعك. المصدر يأتي مع ترخيص Ritla UI، وأداة سطر الأوامر هي الطريق الأقصر إلى الملفات نفسها.
الاستخدام
import { QuickAction } from "@/components/ui/quick-action";<QuickAction icon={PaperPlaneTiltIcon} href="/send" emphasis="primary">Send</QuickAction>مرجع الخصائص
QuickAction
| الخاصية | النوع | الافتراضي | الوصف |
|---|---|---|---|
icon | IconComponent | لا يوجد | خاصية Icon. |
children | ReactNode | لا يوجد | التسمية. |
variant | "tile" | "circle" | "tile" | خاصية Style. |
emphasis | "default" | "primary" | "default" | خاصية Emphasis. |
href | string | لا يوجد | رابط؛ ومن دونه زر. |
إمكانية الوصول
ARIA
- التسمية هي الاسم، والأيقونة زخرفية.
ملاحظات العربية والاتجاه
ينعكس
- في البطاقة الصغيرة تكون الأيقونة أعلى اليمين.
لا ينعكس
- الأيقونات الاتجاهية (إرسال) تنقلب وحدها، والباقي لا.
- الأرقام
- لا أرقام.
- الخط العربي
label-12Medium.