النتيجة

تجريبي

شاشة النتيجة بعد دفعة أو تحويل أو طلب: نجاح أو قيد الانتظار أو تحذير أو فشل.

المعاينة

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

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

result.tsx

import { Result } from "@/components/ui/result";<Result status="success" title="Transfer sent" actions={<Button size="lg">Done</Button>} />

الخاصية	النوع	الافتراضي	الوصف
`status`	`"success" \| "pending" \| "warning" \| "failed"`	لا يوجد	خاصية Status.
`title / description`	`ReactNode`	لا يوجد	خاصيتا Title وDescription.
`illustration`	`ReactNode`	لا يوجد	خاصية Visual: رسم بدل أيقونة الحالة.
`amount`	`ReactNode`	لا يوجد	خاصية Show amount.
`details`	`ReactNode`	لا يوجد	خاصية Details: قائمة وصف.
`actions`	`ReactNode`	لا يوجد	الزر الأساسي والثانوي بعرض كامل.