Carousel
Carousel is used to display a scrollable list of items with optional navigation.
Installation
npx jsx-daisyui add carouselDefault
carousel-default
With indicators
Multiple items
carousel-multi
Props
Carousel.Root
| Prop | Type | Default | Description |
|---|---|---|---|
snap | 'start' | 'center' | 'end' | 'start' | Snap alignment of items. |
direction | 'horizontal' | 'vertical' | - | Direction of the carousel scroll. |
Carousel.Item
| Prop | Type | Default | Description |
|---|---|---|---|
full | boolean | - | Makes the item take 100% of the carousel width. |
Carousel.Indicators
| Prop | Type | Default | Description |
|---|---|---|---|
count | number | - | Number of indicators to render (required). |
prefix | string | 'item' | ID prefix used to link indicators to carousel items. |