اسلایدر

نصب

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 منفی) باشد.