التحميل المضمَّن

تجريبي

مؤشر صغير مع تسمية لحفظ أو فحص في الخلفية، داخل صف أو بطاقة أو بجانب زر.

المعاينة

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

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

inline-loading.tsx

import { InlineLoading } from "@/components/ui/inline-loading";<InlineLoading status="loading">Saving changes…</InlineLoading>

الخاصية	النوع	الافتراضي	الوصف
`status`	`"loading" \| "success" \| "error"`	`"loading"`	خاصية Status.
`children`	`ReactNode`	لا يوجد	خاصية Label.
`hideLabel`	`boolean`	`false`	خاصية Show label مطفأة: تبقى التسمية لقارئ الشاشة.