الهيكل

Skeleton displays placeholder content blocks that mimic the layout of loading text at various sizes.

التثبيت

npx sdaia-ui@latest add skeleton

الاستخدام

import { Skeleton } from "@/components/ui/skeleton"
<Skeleton size="text-large" />

الافتراضي

كتلة الهيكل الافتراضية تمثّل سطر نص كبير.

Loading demo: skeleton-default

الأمثلة

الأحجام

Text skeleton placeholder available in صغير, متوسط, كبير, and X كبير sizes.

Loading demo: skeleton-sizes

مرجع الواجهة البرمجية

SkeletonProps

خصائص مكوّن Skeleton.

Prop

Type

Default

Required

size

'text-sm' | 'text-md' | 'text-lg' | 'text-xl'

'text-xl'

optional