اسکلت
skeletonکامپوننتجای خالی ضرباندار یا درخشان تا وقتی داده برسد.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add skeletonنصب دستی
محتوای تب «کد» را در
components/ui/skeleton.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { Skeleton, SkeletonRow } from "@/components/ui/skeleton"23<Skeleton className="h-24 w-full rounded-lg" shimmer />4<SkeletonRow />پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| shimmer | boolean | - | موج نور بهجای ضربان. |