Carousel
Carousel show images or content in a scrollable area.
| Class name | Type | |
|---|---|---|
| carousel | Component | Container element |
| carousel-item | Component | Carousel item |
| carousel-center | Modifier | Snap elements to center |
| carousel-end | Modifier | Snap elements to end |
| carousel-vertical | Modifier | Vertical carousel |
# Snap to start (default)
# Snap to center
# Snap to end
# Carousel with full width items
# Vertical carousel
# Carousel with half width items
# Full-bleed carousel
# Carousel with indicator buttons
This slider works with anchor links so the browser will snap vertically to the image when you click buttons.
# Carousel with next/prev buttons
This slider works with anchor links so the browser will snap vertically to the image when you click buttons.
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like daisyUI? tweet about it!
Support daisyUI's development:
Open Collective