Specimen Carousel
An editorial carousel for type, product, or archive specimens with numbered tabs and hard snap motion.
Installation
▸ Run the following command
npx shadcn@latest add https://www.mellowui.com/r/specimen-carousel.json▸ Or install manually
- Copy the source from the Code tab above.
- Place it at
components/mellow/specimen-carousel.tsx - Import and use.
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| items | SpecimenItem[] | — | Carousel items. Each item supports title, kicker, description, meta, and sample. |
| initialIndex | number | 0 | Initial active item index. |
| autoPlay | boolean | false | Automatically advance through items. Disabled when reduced motion is preferred. |
| interval | number | 4200 | Autoplay interval in milliseconds. |
| className | string | — | Additional CSS classes. |
| onIndexChange | (index: number) => void | — | Called whenever the active index changes. |