ظهور از اسکلت

نصب

1. با CLI

   اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

   $ npx vibefarsi add skeleton-reveal

2. نصب دستی

   محتوای تب «کد» را در components/animations/skeleton-reveal.tsx بگذارید. پیش‌نیاز: skeleton. کلیدفریم را هم به globals.css اضافه کنید.

   $ npm i lucide-react
   کپی کل فایلregistry json

استفاده

1import { SkeletonReveal } from "@/components/animations/skeleton-reveal"23<SkeletonReveal loading={isLoading} skeleton={<SkeletonRow />}>4  <Row data={data} />5</SkeletonReveal>

پراپ‌ها

نکته‌ها

• چون هر دو لایه از اول در یک خانه‌ی grid هستن، هیچ layout shift اتفاق نمی‌افته و ارتفاع از بلندترین لایه می‌آد.