//
A fully native, scroll-snap slideshow container with desktop drag support.
bun add xiod-ui1import {2 Carousel,3 CarouselContent,4 CarouselItem,5 CarouselPrevious,6 CarouselNext,7 CarouselDots8} from "xiod-ui/carousel";1<Carousel>2 <CarouselContent>3 <CarouselItem />4 <CarouselPrevious />5 <CarouselNext />6 <CarouselDots />7 </CarouselContent>8</Carousel>| Prop | Type | Default | Description |
|---|---|---|---|
orientation | "horizontal"| "vertical"| undefined | horizontal | |
autoplay | boolean| undefined | false | |
autoplayInterval | number| undefined | 5000 | |
loop | boolean| undefined | true | |
activeIndex | number| undefined | - | |
opts | CarouselOptions| undefined | - | |
plugins | CarouselPlugin[]| undefined | - |
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "default"| "link"| "secondary"| "destructive"| "destructive-outline"| "ghost"| "outline"| null| undefined | outline | |
size | "default"| "sm"| "lg"| "xs"| "xl"| "icon"| "icon-lg"| "icon-sm"| "icon-xl"| "icon-xs"| null| undefined | icon-sm | |
render | ReactElement<unknown, string| JSXElementConstructor<any>>| ComponentRenderFn<HTMLProps, {}>| undefined | - | Allows you to replace the component's HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render. |
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "default"| "link"| "secondary"| "destructive"| "destructive-outline"| "ghost"| "outline"| null| undefined | outline | |
size | "default"| "sm"| "lg"| "xs"| "xl"| "icon"| "icon-lg"| "icon-sm"| "icon-xl"| "icon-xs"| null| undefined | icon-sm | |
render | ReactElement<unknown, string| JSXElementConstructor<any>>| ComponentRenderFn<HTMLProps, {}>| undefined | - | Allows you to replace the component's HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render. |