Carousel
FREEKaydırma kilitli slayt: dokunmatik kaydırma, fareyle sürükleme, oklar, noktalar, otomatik oynatma ve döngü. Ek kütüphane yok.
Kurulum
Terminal
npx @bloxa/cli add carousel
# or: npx shadcn@latest add @bloxa/carouselÖrnekler
Otomatik oynatma ve çoklu görünüm
Kaydır, fareyle sürükle ya da ok tuşlarını kullan.
API
Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.
Carousel
İçine CarouselContent (içinde CarouselItem'lar), CarouselControls ve CarouselDots koy. useCarousel() durumu verir.
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| perView | number | 1 | Aynı anda görünen slayt. |
| gap | string | "1rem" | Slayt aralığı. |
| loop | boolean | false | Sondan başa dön. |
| autoplay | number | — | Otomatik geçiş (ms); üzerine gelince durur. |
| label | string | — | Erişilebilir ad. |