اسلایدر

نصب

1. با CLI

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

   $ npx vibefarsi add carousel

2. نصب دستی

   محتوای تب «کد» را در components/ui/carousel.tsx بگذارید.

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

استفاده

1import { Carousel } from "@/components/ui/carousel"23<Carousel slideWidth={0.5}>4  {products.map((p) => <ProductCard key={p.id} {...p} />)}5</Carousel>

پراپ‌ها

نکته‌های راست‌چین

• در مرورگرهای امروزی scrollLeft ظرف RTL از صفر شروع میشه و منفی میره. همین باعث میشه «بعدی» یعنی scrollTo با left منفی.