Installation
Examples
Loading Text
Usage
import { ImageSlider } from "@/components/sillybitsui/image-slider";const images = [
"https://images.pexels.com/photos/2174656/pexels-photo-2174656.jpeg",
"https://images.pexels.com/photos/38238/maldives-ile-beach-sun-38238.jpeg",
"https://images.pexels.com/photos/2662086/pexels-photo-2662086.jpeg",
"https://images.pexels.com/photos/2104044/pexels-photo-2104044.jpeg",
"https://images.pexels.com/photos/1000445/pexels-photo-1000445.jpeg",
];
<ImageSlider images={imagesl} autoplay interval={4000} />;Props
| Prop | Type | Default | Description |
|---|---|---|---|
images | string[] | [] | Array of image URLs to display |
autoPlay | boolean | false | Enables automatic slide transitions |
interval | number | 3000 | Time (ms) between slides when autoPlay is true |
className | string | "" | Additional class names for customization |
showThumbs | boolean | true | Whether to display clickable image thumbnails |
showArrows | boolean | true | Whether to display previous/next navigation arrows |
keyboard | boolean | true | Enables keyboard navigation (←, →, Home, End) |