مقایسه‌ی قبل و بعد

نصب

1. با CLI

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

   $ npx vibefarsi add compare-slider

2. نصب دستی

   محتوای تب «کد» را در components/animations/compare-slider.tsx بگذارید.

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

استفاده

1import { CompareSlider } from "@/components/animations/compare-slider"23<CompareSlider before={<img src="/old.png" alt="" />} after={<img src="/new.png" alt="" />} />

پراپ‌ها