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