Carousel

FREE

Kaydı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.

1
2
3
4
5
6
1
2
3
4
5
6
7
8
9

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.

ÖzellikTipVarsayılanAçıklama
perViewnumber1Aynı anda görünen slayt.
gapstring"1rem"Slayt aralığı.
loopbooleanfalseSondan başa dön.
autoplaynumber—Otomatik geçiş (ms); üzerine gelince durur.
labelstring—Erişilebilir ad.