البناء · جديد

الهيكل المؤقت

يُظهر شكل المحتوى أثناء تحميله، فلا تقفز الصفحة حين يصل المحتوى الحقيقي.

المعاينة

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

قريبًايُفتح التثبيت من السجل مع الإطلاق. حتى ذلك الحين، هذا هو الأمر الذي ستستخدمه.

npx shadcn@latest add @ritla/skeleton

import { Skeleton, SkeletonRegion } from "@/components/ui/skeleton";

<SkeletonRegion loading={isLoading}>
  {isLoading ? <Skeleton className="h-12 w-full" /> : <Contacts />}
</SkeletonRegion>

animation="wave" شريط يمرّ باتجاه القراءة (من اليمين في العربية). حين يصل المحتوى تتوقف المنطقة عن aria-busy ولا يقفز التخطيط.

الخاصية	النوع	الافتراضي	الوصف
`animation`	`"pulse" \| "wave" \| "none"`	`"pulse"`	خاصية Animation.
`className`	`string`		المقاس والشكل: `h-12 w-full` لسطر، `size-40 rounded-full` لصورة شخصية.

الخاصية	النوع	الافتراضي	الوصف
`loading`	`boolean`	`true`	‏`aria-busy` والتسمية المخفية أثناء التحميل.
`label`	`ReactNode`	`“Loading…”`	ما يُقرأ أثناء التحميل.

المنطقة aria-busy="true" أثناء التحميل مع تسمية مخفية؛ الأشكال مخفية عن قارئ الشاشة.
تتوقف الحركة عند تفعيل تقليل الحركة.
لا تُبقِ الهيكل عند فشل التحميل؛ اعرض رسالة خطأ.